write-e2e-tests
Pisz testy end-to-end dla interfejsów z Playwright — automatyzuj weryfikację interakcji UI
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do tworzenia testów E2E w Playwright dla aplikacji tldraw. Użyj jej gdy chcesz testować interakcje przeglądarki, weryfikować zachowanie interfejsu użytkownika lub rozszerzać pokrycie testami w katalogach apps/examples/e2e i apps/dotcom/client/e2e. Skill zawiera gotowe fixture'y, modele stron i narzędzia do szybkiego resetowania edytora między testami.
Jak używać
Zainstaluj skill write-e2e-tests w swoim projekcie tldraw, dodając go do konfiguracji Claude/Copilot.
Utwórz nowy plik testowy w katalogu apps/examples/e2e/tests/ lub apps/dotcom/client/e2e/tests/ o nazwie test-nazwa-funkcji.spec.ts — skill będzie wiedział, gdzie szukać fixture'ów i narzędzi wspólnych.
Zaimportuj niezbędne moduły: expect z @playwright/test, test z fixtures/fixtures oraz setupOrReset z shared-e2e.ts. Dodaj deklaracje typów dla editor i __tldraw_ui_event, aby uzyskać dostęp do edytora i zdarzeń UI w page.evaluate().
Strukturyzuj test za pomocą test.describe() dla grupy testów i test.beforeEach(setupOrReset) do automatycznego resetowania stanu między każdym testem — skill obsługuje inteligentne nawigowanie przy pierwszym uruchomieniu i szybki reset później.
Wewnątrz każdego test() przekaż parametry page i toolbar z fixture'ów, a następnie implementuj logikę testową — interaguj z interfejsem, sprawdzaj stany i asercje za pomocą expect().
Dla testów wymagających współdzielonej strony bez pełnej izolacji użyj test.beforeAll() do jednorazowego setupu i test.beforeEach() do hardResetEditor(page) — skill dostarcza obie funkcje w shared-e2e.ts.