R
react-testing
React Testing Library patterns for testing React components, hooks, and context. Use when testing React applications.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
React Testing Library patterns for testing React components, hooks, and context. Use when testing React applications.
How to use
- Zainstaluj wymagane pakiety: npm install -D vitest @vitest/browser-playwright vitest-browser-react @vitejs/plugin-react. 2. Utwórz plik konfiguracyjny vitest.config.ts w katalogu projektu. Zdefiniuj konfigurację z pluginem react, włącz browser mode z providerem playwright, ustaw headless na true i wybierz przeglądarkę chromium. 3. Utwórz test dla swojego komponentu, importując render z vitest-browser-react oraz expect i test z vitest. 4. Użyj await render() aby wyrenderować komponent — render zwraca screen scoped do komponentu. 5. Napisz asercje używając expect.element() do auto-retry assertions, na przykład sprawdzając czy tekst jest widoczny za pomocą getByText(). Pamiętaj, że render() jest asynchroniczny, więc zawsze używaj await, a cleanup odbywa się przed każdym testem automatycznie.