👨‍💻 Kod / Programowanie

Tworzymy wtyczki do VS Code. Przyspiesz pisanie testów w Playwright

Language
date
Sep 2, 2024
slug
vs-code-playwright-extensions
author
status
Public
tags
Playwright
Narzędzia
TypeScript
VS Code
summary
Sprawdź nasze wtyczki, aby poprawić efektywność pracy i przyśpieszyć automatyzacje testów!
type
Post
thumbnail
vs-code-playwright-extensions.jpg
updatedAt
Sep 2, 2024 10:13 AM
category
👨‍💻 Kod / Programowanie

Stworzyliśmy wtyczki do VS Code i Playwright🍾

 
Korzystając z naszych wieloletniego doświadczenia jako architekci testów, którzy automatyzują i projektują frameworki w Playwright, stworzyliśmy specjalny zestaw wtyczek do VS Code🧩
Wtyczki te mają za zadanie przyśpieszyć i ułatwić Ci automatyzacji testów🏃‍♂️
 
notion image
 
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?
 

Zobacz poniższe nagranie! 👇

 
Video preview
 

Krótko o obecnych wtyczkach i ich kluczowych funkcjonalnościach

 
notion image
 
Wtyczka Playwright Helpers:
  1. Znajdziesz w niej większość poleceń związanych z uruchamianiem testów
  1. Dzięki niej szybko znajdziesz potrzebne polecenie konsolowe bez nawigowania do dokumentacji
  1. Możesz tworzyć zaawansowane polecenia i testować je w konsoli (niezwykle pomocne dla skryptów do Ciągłej Integracji)
 
notion image
Wtyczka Playwright Snippets:
  1. Znajdziesz w niej bardzo dużo gotowych kawałków kodu napisanego w Playwright
  1. Szybko stworzysz test, hooki czy asercje
  1. Dodaliśmy też specjalne polecenia do tworzenia Page Objects
 
notion image
 
Wtyczka Playwright Snippets UI
  1. Wizualizacja wszystkich poleceń z poprzedniej wtyczki z grupowaniem i łatwym wyszukiwaniem
  1. Możesz szybko wybierać z dostępnych skryptów
  1. Możesz podglądnąć aliasy, które użyjesz bezpośrednio w kodzie
 

Czy to ostateczna wersja wtyczek?

 
Wręcz przeciwnie - to są pierwsze kroki z wtyczkami i widzimy bardzo dużo możliwości.
Skoro są to początkowe implementacje wtyczek wiele może się zmienić!
 
Zachęcam Ciebie do zgłaszani swoich potrzeb i problemów, które wtyczka może rozwiązać.

Czy podobne wtyczki istnieją?

 
Nim rzuciliśmy się w wir pracy sprawdziliśmy inne rozwiązania i każde pozostawiało obszar do usprawnień.
Stąd koncepcje takie jak szybki dostęp do większości poleceń konsolowych czy komponowanie złożonych wyrażeń:
notion image
Graficzny dostęp do w Playwright Snippets UI to też autorski pomysł. Chcemy zrobić w tej wtyczce bazę z przydatnymi kawałkami kodu do wielu zastosowań, ale też łatwo dostępnymi w wyszukiwaniu i eksploracji.
 

Teraz czas na Ciebie - wystarczy je zainstalować i używać!

 
Śmiało instaluj, testuj i wdrażaj użycie tych wtyczek w swoim projekcie. Dostępne są one oficjalnie z poziomu VSCode jak i na VS Code Marketplace:
 

Gdzie jeszcze poczytasz o naszych wtyczkach👇

 
 
 
💡
Jeśli planujesz wprowadzić Playwright do swojego projektu lub chcesz poszerzyć swoje kompetencje z tego frameworka, to zapoznaj się z następującymi materiałami:
notion image
Pozwolą Ci one poznać wady i zalety tego narzędzia😉 Tym samym, zobaczysz, czy Playwright jest odpowiednim rozwiązaniem dla Ciebie i Twojego projektu🙌