Automatyzacja / Blog / frontpage / Narzędzia / Wpisy

Wtyczki do VS Code – efektywna automatyzacja testów z Playwright

Kim jesteśmy i skąd pomysł na wtyczki?

Korzystając z naszych wieloletniego doświadczenia jako architekci testów, którzy automatyzują i projektują frameworki w Playwright, przygotowaliśmy specjalny zestaw wtyczek do VS Code 😉

Wtyczki te mają za zadanie przyśpieszyć i ułatwić Ci automatyzacji testów.

Skąd ten pomysł?

Pracowaliśmy w różnych projektach, przy projektowaniu frameworków, szkoliliśmy i mentorowaliśmy zespoły. Zauważyliśmy, że wiele akcji zajmuje dużo czasu, albo o wielu funkcjach się po prostu zapomina. Również w swojej pracy zauważyliśmy, że często pewne kroki można usprawnić i zautomatyzować.

Aby przyśpieszyć automatyzacje, analizę błędów, a tym samym – prędkość dostarczania wartości w projekcie.

Zatem – co dla Ciebie przygotowaliśmy?

Wtyczka: Playwright Snippets

To rozszerzenie dla Visual Studio Code, które dodaje predefiniowane, użyteczne fragmenty kodu (snippety) do pracy z frameworkiem Playwright. Wtyczka przyspiesza pisanie kodu, zmniejszając powtarzalne zadania.

Wtyczka zawiera gotowe fragmenty kodu, takie jak otwieranie przeglądarki, nawigacja po stronach, interakcja z elementami, wykonywanie asercji itd. Kod często zawiera zmienne lub elementy, które można łatwo dostosować po wstawieniu fragmentu kodu.

prezentacja wtyczki Playwright Snippets

Oficjalna strona wtyczki Playwright Snippets

Wtyczka: Playwright Snippets UI for VS Code

Playwright Snippets UI to rozszerzenie dla Visual Studio Code, które dodaje interfejs użytkownika (UI) dla wtyczki Playwright Snippets. Dzięki tej wtyczce możesz wygodnie przeglądać i wstawiać fragmenty kodu Playwright bez konieczności pamiętania nazw komend.

Po zainstalowaniu Playwright Snippets UI w Visual Studio Code zostanie dodana nowa zakładka/widok na pasku po lewej stronie.

prezentacja wtyczki Playwright Snippets UI

Oficjalna strona wtyczki Playwright Snippets UI for VS Code

Wtyczka: Playwright Helpers

Playwright Helpers to rozszerzenie dla Visual Studio Code, które dodaje zestaw predefiniowanych poleceń do pracy z Playwright w środowisku Node.js. Wtyczka jest zaprojektowana, aby ułatwić i przyspieszyć pracę z Playwright, oferując wygodne narzędzia dostępne bezpośrednio w edytorze.

prezentacja wtyczki Playwright Helpers

Commands List we wtyczce Playwright Helpers to zestaw predefiniowanych poleceń, które możesz szybko uruchamiać w Visual Studio Code. Polecenia te obejmują szeroki zakres funkcji związanych z pracą z Playwright – inicjowanie nowych projektów, zarządzanie przeglądarkami Playwright, instalowanie i aktualizowanie pakietów i wiele innych. Dzięki temu możesz efektywnie zarządzać swoimi projektami bez konieczności ręcznego wpisywania komend w terminalu.

Dzięki funkcji Command Composer możesz tworzyć własne polecenia do uruchamiania testów poprzez zaznaczenie odpowiednich opcji w UI. Trace Viewer umożliwia szybkie przeglądanie Playwright traces, czyli plików trace wygenerowanych po testach. Report Viewer to funkcja wtyczki Playwright Helpers, która umożliwia przeglądanie raportów testów
Playwright Scripts Runner pozwala na łatwe uruchamianie skryptów z pliku package.json.

Wtyczka znacząco ułatwia zarządzanie projektami i skryptami Playwright, oferując wszystkie niezbędne narzędzia w jednym miejscu 😉

Oficjalna strona wtyczki Playwright Helpers

Podsumowanie

Wtyczki te są cały czas aktywnie rozwijane. Tym samym – z czasem mogą się odrobinę różnić w porównaniu z tym, co pokazaliśmy na nagraniu 😉

Jeśli znalazłeś błąd, lub masz pomysł na nowe funkcje – napisz do nas na maila kontaktowego! 📨 Możesz też pisać na linkedin, facebooku lub instagramie😉

I na koniec mam do Ciebie ogromną prośbę!

Podeślij proszę te wtyczki swoim znajomym, którzy automatyzują testy.
Aby również mogli korzystać z tych narzędzi, a tym samym – aby ich praca stała się łatwiejsza😉

Zewnętrzne linki i zasoby