Rafał Krząpa

Chrome – wtyczki używane przez testerów – część 1

Google Chrome to najpopularniejsza przeglądarka internetowa. Dzięki swojej popularności posiada dobrze rozbudowaną sekcję z rozszerzeniami, które często potrafią ułatwić pracę testerowi.
Dodatkowo z racji dużej ilości userów, przeglądarka ta w większości przypadków bywa na pierwszym miejscu wśród przeglądarek których używamy w swojej testerskiej pracy.

Blokowanie reklam

Ktoś mógłby się zapytać, stary po co w pracy testerskiej adblock i pochodne? Denerwują mnie reklamy to używam, albo chcę by twórcy zarabiali na wyświetlaniu reklam to nie korzystam z takich narzędzi.

Moja odpowiedź?
Dostarczasz produkt, który serwuje reklamy? Korzystaj w trakcie testów z różnych blokerów reklam.
Dlaczego?
Serwisy przy których pracujemy trafiają do kilku/kilkunastu czy też kilku tysięcy czy nawet kilku milionów osób. Każda z osób jest inna, ma swoje przyzwyczajenia, narzędzia, wtyczki z których korzysta.

Jeżeli nie zwracałeś/zwracałaś uwagi na to, proszę zainstaluj blokery reklam i wpadnij na jakiś serwis (polski / zagraniczny) a później porównaj sobie jak wygląda dana aplikacja z załadowanymi reklamami czy też z pustymi slotami.

AdBlock — best ad blocker
uBlock - #1 Adblock Tool for Chrome
Adblock Plus - darmowy adblocker

Awesome Screenshot: Screen Video Recorder

Przydatna wtyczka która pozwala nam na zrobienie zrzutu całego ekranu aplikacji webowej.
Dzięki swoim opcjom można udostępniać elementy np. w Trello czy na Slacku.
Aplikacja posiada aktywne wsparcie i swoją ostatnią aktualizację miała 12 maja.
Podstawowe informacje:
- przechwytywanie lub przycinanie wybranego obszaru strony lub całej strony
- dodawanie w edytorze elementów - linii, tesktu, strzałek
- zapisywanie lokalne, na koncie Google

Awesome Screenshot: Screen Video Recorder

JSON Formatter

Ta wtyczka to mój przyjaciel od wielu miesięcy. Pozwala prezentować JSONy w łatwiej, przystępnej formie.
Funkcje:
- obsługuje json i jsonp
- podświetla składnie
- drzewko jest składane
- jeżeli json zwraca adresy url są klikalne
- działa na plikach lokalnych po odpowiednich ustawieniach

JSON Formatter

Wappalyzer

Ta wtyczka to prawdziwe źródło wiedzy dla testera (przydatne np. przy zadaniach testerskich w ramach rekrutacji).
Wtyczka pozwala odkrywać technologie  jakie są stosowane na stronach internetowych. Wykrywa systemy zarządzania treściami, frameworki, narzędzia i wiele innych.

Wappalyzer

Exploratory Testing Chrome Extension

Robisz testy eksploracyjne aplikacji webowych?
W ramach tego narzędzia mamy kilka pól które możemy wypełnić i zapisywać swoje uwagi na bieżąco tj.
Bug, Note, Question, Idea.

Narzędzie przydatne, już nie musisz zapisywać swoich uwag w notatniku. Do każdego typu zapisków możesz dołączyć screenshota. Po zakończonych testach, czy w np. kończąc testy jednego dnia, możesz wyeksportować swoje testy do pliku *.csv lub zapisać jako jsona.
Na koniec czynności możesz również stworzyć raport z sesji gdzie otrzymasz automatycznie:
- wersję przeglądarki
- system operacyjny
- ile typów zgłoszeń miałeś i zdjęcie na diagramie kołowym
- url strony na której zaraportowałeś buga.
- możliwość eksportu raportu do pliku html.

Exploratory Testing Chrome Extension

Todoist

Jako testerzy często miewamy wiele zadań do wykonania w ramach swoich obowiązków.
Jeżeli pracujesz w Scrumie - zbliża się koniec sprintu - zadania się mnożą.
Todoist to wtyczka pozwalająca Ci dodać najważniejsze zadania, uszeregować je w priorytety i wykonywać zgodnie z harmonogramem. Dzięki temu narzędziu widzisz czy  postęp w Twojej pracy jest zgodny z harmonogramem, czy wykonujesz zadania które sobie założyłeś. Narzędzie to pozwala też filtrować zadania które masz wykonać, szczególnie gdy są elementy bardziej priorytetowe i te które mogą zaczekać.

Todoist dla Chrome

Clear Cache

Wtyczka ułatwia bardzo testowanie aplikacji webowych, szczególnie gdy otrzymujesz wiele poprawek. Oczywiście możesz skorzystać z trybu incognito (a jeżeli chciałbyś użyć do tego jakiejś wtyczki?). Możesz również usuwać historię przeglądania, jednak powoduje to że możesz stracić potrzebne elementy z historii.
Clear cache pozwala na wyczyszczenie App Cache, Cache, Cookies, Downloads, File Systems, Form Data, History, Indexed DB, Local Storage, Plugin Data, Passwords i WebSQL.

Clear Cache

Lighthouse

Lighthouse to narzędzie Open Source pozwalające na sprawdzenie wydajności, jakości i poprawności aplikacji webowych. Aplikacja przeprowadza szereg testów w stosunku do strony, generuje raport i obrazuje jakie elementy mogą wymagać poprawy by aplikacja przy której pracujesz była jeszcze lepsza.

Lighthouse

To kilka podstawowych wtyczek które chciałem Wam zaprezentować. Na pewno będzie część druga, a jak Google Analytics pokaże, że materiał jest ciekawy, powstaną kolejne z tego zakresu.
Post ten był też dla mnie jako element. który zmotywuje mnie do ponownego pisania postów po 1,5 miesiąca przerwy.

Call Now Button