👨‍💻 Kod / Programowanie

Jak zacząć naukę automatyzacji z Playwright

Language
date
Jun 16, 2023
slug
playwright-wprowadzenie
author
status
Public
tags
Playwright
TypeScript
Kurs
summary
Jak zacząć z Playwright, jakie źródła nauki wybrać i gdzie skierować swoje pierwsze kroki? Podpowiadamy rózne opcje dla poczatkujących i bardziej zaawansowanych.
type
Post
thumbnail
playwright.info - blog.jpg
updatedAt
Aug 5, 2023 09:17 AM
category
👨‍💻 Kod / Programowanie
Wiele osób chce rozpocząć naukę Playwright ale nie wie w jakim kierunku skierować swój pierwszy krok.
Jak zawsze jest wiele dróg i warto sprawdzić możliwe opcje aby wybrać tę, która najlepiej Ci pasuje.
Przygotowałem takie właśnie opcje, które sam zweryfikowałem i są w miarę aktualne (opcja 3 jest najczęściej wybieraną przez początkujących z Playwright i automatyzacją testerów)

Opcja 0 - wybór języka w którym będziesz pisać testy w Playwright

Na początek warto zastanowić się w jakim języku chcesz się uczyć pisać testy w Playwright.
Jeśli nie masz szczególnych preferencji zacznij od TypeScript (domyślnie sugerowanego przez twórców Playwright).
Więcej o tym wyborze wspominam tu: 🔗https://playwright.info/dlaczego-playwright-typescript

Opcja 1 - (angielski) dokumentacja

Playwright posiada całkiem niezłą (ale nie idealną) dokumentację: playwright.dev
notion image
Przechodząc przez kolejne koncepty ze strony możesz postawić swoje pierwsze kroki z narzędziem.
Trzeba jednak pamiętać, że przykłady są dość szczupło opisane i implementacja kilku konceptów na raz (integrowanie rozwiązań) powoduje coraz większe trudności w poprawnym poznawaniu kolejnych konceptów.
❌ Minusem dokumentacji jest jej rozległość i atomowość. Dostajemy wiele konceptów, czasem bardzo skromnie opisanych z minimalistycznymi przykładami.
Rekomenduję tę ścieżkę bardziej zaawansowanym w programowaniu testerom.
Gdy już się trochę oswoisz z Playwright wtedy ta dokumentacja okazuje się szybkim źródłem wiedzy.

Opcja 2 - (angielski, polski) kursy wideo

W sieci znajdziesz wiele kursów wideo. Sam przeglądnąłem wiele z nich.
Wnioski są takie, że zazwyczaj są na nich omawiane przykłady z dokumentacji w formie wideo.
Ma to swoje zalety. Dostajesz szybko opisane koncepty w minimalistyczny sposób.
❌ Czego brakuje to podejścia związanego z implementacją tych funkcji w realnym frameworku z bardziej rozbudowaną aplikacją.
❌ Są dość nieaktualne (te wydane przed Q3 2022) a Playwright jako dynamicznie rozwijane narzędzie dość szybko się zmienia.
 
Z podstawowych kursów w języku angielskim najbardziej mogę polecić: 🎬 https://www.youtube.com/watch?v=iTIxEZng-rc&list=PLXgRgGX8-5UVm9yioRY329rfcfy3MusiY

Opcja 3 - (polski) najpopularniejszy kurs o podstawach automatyzacji z Playwright po polsku

Widząc wspomniane braki przygotowałem własny kurs o początkach z Playwright i rozbudową frameworka.
Zyskał on super popularność i jest często linkowany w wielu dyskusjach 😀
 
Realizujemy w nim z Przemkiem koncepcję nauki Playwright, automatyzacji testów, odrobinę TypeScript, budowy mini frameworka oraz ogólnego podejścia do testowania.
Playwright - Twój pierwszy test automatyczny #01 JS/TS (Sekcja 01, Lekcja 01)
🎬 Playlista na YT: https://www.youtube.com/playlist?list=PLfKhn9AcZ-cD2TCB__K7NP5XARaCzZYn7 🙋‍♀️ Kod, polecenia i linki: https://jaktestowac.pl/lesson/pw1s01l01/ 🙋‍♀️ Cały kurs: Praktyczne wprowadzenie do testów automatycznych z Playwright: https://jaktestowac.pl/course/playwright-wprowadzenie/ 🙋‍♀️ Nasze materiały o Playwright: https://jaktestowac.pl/playwright/ 🌐 Testowana strona: https://demo-bank.vercel.app/ Jest to pierwsza lekcja z cyklu nauki automatyzacji testów od podstaw z użyciem Playwright. Język jaki będzie wykorzystywany do budowy kodu testów to TypeScript (TS). Ten tutorial to omówienie nie tylko frameworka Playwright ale także tworzenie rozwiązania do automatyzacji manualnych testów. Dzięki temu tester / QA ma szansę poznać proces automatyzacji testów od zupełnych podstaw. Uzyskane testy automatyczne są bardzo uproszczone abyś łatwo mógł zrozumieć czym jest proces automatyzacji. Poprzez kolejne lekcje usprawniamy kod testów dzięki temu nabierają one szybko formy, którą tester może wdrożyć we własnym projekcie. Rozdziały: 00:00 - Powitanie 00:42 - Instalacja IDE: Visual Studio Code 02:48 - Instalacja środowiska uruchomieniowego NodeJS 06:05 - Strona internetowa do testów 08:11 - Przygotowanie projektu 09:35 - Struktura projektu z Playwright 12:54 - Generowanie kodu testów 16:21 - Opis wygenerowanego kodu 17:25 - Uruchomienie testów 20:02 - Raporty po testach 21:19 - Testy z widoczną przeglądarką 21:59 - Uruchomienie raportu z pliku 22:38 - Asercje w testach 25:05 - Test zakończony niepowodzeniem 28:34 - Podsumowanie i informacje na koniec
Playwright - Twój pierwszy test automatyczny #01 JS/TS (Sekcja 01, Lekcja 01)
 
Na YouTube pooglądasz wszystkie filmy ale nie zatrzymaliśmy się na tym! Na jaktestowac.pl cały kurs jest dostępny z opisami tekstowymi i wszystkimi linkami oraz poleceniami🤯
 
Cały kurs to 8 godzinny, w pełni darmowy materiał o Playwright z TypeScript😎
Dzięki tym materiałom nabędziesz:
  • podstawową wiedzę o Playwright
  • wiedzę o nagrywaniu testów
  • umiejętność stosowania dobrych praktyk (DRY, AAA)
  • praktyczną wiedzę o implementacji wzorca Page Object Model
  • biegłość w pisaniu testów automatycznych
  • wiele innych (skrypty, skróty klawiszowe, wtyczki)
 
Dodatkowo, możesz odtworzyć każdą lekcję ze specjalnego repozytorium!
To nie koniec. W tym repozytorium znajdziesz wszystkie polecenia, skróty klawiszowe i narzędzia użyte w kursie:
 
❌ Minusy?
Podchodząc tak kompleksowo do nauki automatyzacji nie jest to zdecydowanie kurs dla zaawansowanych w automatyzacji testerów.
Dodatkowo poruszmy tylko podstawy gdyż tłumacząc tak ogromny zakres trudno było dodać w tym kursie jeszcze więcej tematów 😀
Pracujemy intensywnie nad kontynuacją w formie osobnych kursów będących częścią większego programu 🔗https://jaktestowac.pl/playwright/

Opcja 4 (angielski) Filmy demo nowych wersji Playwright

Bardzo lubimy z Przemkiem wideo z kanału YouTube od twórców Playwright. Znajdują się tam dobrze przygotowane nagrania dla początkujących.
Najlepsze jednak są wideo gdzie twórcy prezentują najnowsze wersje Playwright.
O ile dla początkujących nie będą one zbyt wartościowe, to zaawansowani użytkownicy znajdą w nich sporo inspiracji.
 

Opcja 5 Rozwój wiedzy: Blogi

angielski

Z najbardziej wartościowych blogów o profesjonalnym użyciu Playwright mogę polecić:
Znajdziesz w nich wpisy o zaawansowanych funkcjach i użyciach Playwright.

polski

Ten blog 😉 i oczywiście praktyczne działanie z Playwright

Podsumowanie

W sieci znajdziesz wiele, źródeł i opracowań na temat Playwright, warto się z nimi zapoznać i sprawdzić, która forma najbardziej Ci pasuje.
💡Na koniec dodam, że warto też zerknąć kim jest osoba, od której uczysz się o Playwright. Dzięki temu będziesz miał pewność, że zdobywasz bardziej praktyczną niż wyłącznie teoretyczną wiedzę.
Jeśli chodzi o nas - to wszystkiego dowiesz się z zakładki… 🔗https://playwright.info/about

A Ty?

Jeśli znasz jakieś wartościowe i przetestowane źródła wiedzy o Playwright? Daj mi znać! Z chęcią uaktualnię wymienione opcje.