Cześć ,

już jest - kolejna porcja inspiracji i wartości prosto na Twoją skrzynkę! ❤️‍🔥 Dziś m.in. o RWD w konsoli deweloperskiej, frameworkach do automatyzacji, współpracy QA z DevOps czy kredycie w postaci kawy. Miłej lektury!

Psst, obserwujesz FB i Insta? Zostaw jakiś ślad, będzie mi bardzo miło (i pomoże mi to w zasięgach)❤️ A jeśli lubisz udzielać się w społeczności i inicjować dyskusje, odpisz "Discord" na tego maila, by dołączyć do naszej rosnącej i zaangażowanej społeczności.

Nie ma Cię jeszcze z nami w newsletterze? Warto to zmienić - co piątek dużo wartości i inspiracji z tematów QA, testerskich, specjalizacji czy wątków okołotematycznych (IT).

1. W lutym zmieni się adres mailowy, z którego otrzymujesz newsletter. Zamiast kontakt@szkoleniedlaqa.pl, pojawi się kontakt@adamgola.pl. Warto dodać oba adresy do kontaktów/adresów zaufanych, aby nie pominąć żadnej wiadomości.
   
2. Już w tym miesiącu będzie można przeczytać darmowego e-booka o totalnych podstawach sieci. Dla osób nietechnicznych. Zapisz się jeszcze dziś i nie przegap.
   
3. Tworzy się kryminalna gra z aspektami zapewniania jakości - możesz zapisać się na listę obserwujących, aby nie przegapić bonusów i premiery.
   

RWD - Responsive Web Design - to bardzo ważny temat, który powinien zostać przeanalizowany przez Quality Assurance. Chodzi o to, aby witryna dobrze wyglądała na różnych rozdzielczościach - małych ekranach smartfonów, średnich tabletach, laptopach, aż po wielkie monitory 4K, jeżeli jest taki wymóg. Jak się do tego zabrać? Najlepiej wykorzystując realne urządzenia, dobrane na podstawie przeprowadzonej analizy - kto z jakich urządzeń i rozdzielczości najczęściej zagląda do naszego projektu. Jeżeli projekt jeszcze nie ruszył, warto przejrzeć statystyki rynkowe i sprawdzić najpopularniejsze urządzenia, z których korzysta się w regionie, do którego chcemy trafić.

Podczas testowania warto również wspomagać się konsolą deweloperską, która dostępna jest w każdej przeglądarce. I dziś chwilę o tym.

Gdy uruchomisz sobie przeglądarkę (zróbmy to na Mozilla Firefox) i wejdziesz na stronę projektu, który testujesz, kliknij prawym przyciskiem myszy i wybierz opcję "Zbadaj". Uruchomi się konsola deweloperska. W Google Chrome będzie to opcja "Inspect". Można również wspomóc się skrótami klawiszowymi - zostawiam Ci to na zadanie domowe ;)

Po uruchomieniu konsoli znajdź ikonę urządzeń mobilnych i kliknij w nią:

Strona powinna nam się przeładować, a zaraz nad nią pojawią się dodatkowe opcje - wybór urządzenia mobilnego oraz możliwość wprowadzenia konkretnej rozdzielczości.

Z rozwijanej listy dostępnych urządzeń/rozdzielczości, wybierz interesującą opcję. Niech będzie to iPad. Strona przeskaluje się, czyli dostosuje do ekranu urządzenia - w tym przypadku do rozdzielczości 768x1024. Można zatem sprawdzić czy wszystkie elementy mieszczą się na ekranie, czy tekst nie wychodzi gdzieś poza granice, czy przyciski są klikalne, czy elementy graficzne dobrze się ułożyły, np. tworząc slider czy mobilną galerię. Jeżeli wszystko jest OK, możesz wybrać inne urządzenie lub wprowadzić ręcznie rozdzielczość.

Kilka cennych rad i informacji ode mnie:

• rozdzielczość jest podawana w pikselach,
• czasami może się zdarzyć, że po zmianie rozdzielczości trzeba będzie przeładować stronę. Jeżeli zatem elementy nie ułożą się poprawnie - spróbuj odświeżyć kartę. Pamiętaj również, że użytkownik rzadko kiedy zmienia w locie swoją rozdzielczość - może się to zdarzyć tylko w przypadku skorzystania z opcji "Aero" w Windowsie (przyklejanie okien do krawędzi ekranu monitora) lub zmianie pozycji smartfona - z widoku wertykalnego (pionowy) na horyzontalny (poziomy) lub odwrotnie,
• zaraz przy inputach (polach do wprowadzenia tekstu) związanych z rozdzielczością znajduje się opcja zmiany "viewportu" (czyli widoku - w tym przypadku na horyzontalny/wertykalny) - warto o tym pamiętać podczas testów,
• jeżeli ręcznie edytujesz wartości (rozdzielczości), możesz skorzystać z małego ułatwienia - kliknij na pole, które zmieniasz, przytrzymaj lewy shift i kliknij strzałkę w górę lub w dół - dzięki temu możesz przeskakiwać o 10 pikseli podczas zmiany rozdzielczości. W niektórych przypadkach przyspieszy to Twoje testy,
• listę urządzeń dostępnych w konsoli deweloperskiej (w trybie testowania RWD) można edytować, klikając na ostatnią opcję dostępną na rozwijanej liście - w przypadku Firefoxa będzie to po prostu "Edytuj listę". Po kliknięciu powinno pojawić się nowe okno, w którym można dodać lub usunąć urządzenie, a także wprowadzić własne. Dzięki temu można skonfigurować listę w oparciu o przeprowadzoną wcześniej analizę.

Narzędzia do zgłaszania defektów... 

Z kodem "szkolenieqa" zgarniesz 10% zniżki na kursy i konsultacje