Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Writing Playwright E2E tests for tldraw. Use when creating browser tests, testing UI interactions, or adding E2E coverage in apps/examples/e2e or apps/dotcom/client/e2e.
How to use
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.