Toolverse
All skills
Testing

e2e-tests-studio

by mastra-ai

REQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, new playground features, bug fixes affecting studio UI. Generates Playwright E2E tests that validate PRODUCT BEHAVIOR,

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
mastra-ai
Category
Testing
Views
3
GitHub repo

About this skill

REQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, new playground features, bug fixes affecting studio UI. Generates Playwright E2E tests that validate PRODUCT BEHAVIOR, not just UI states.

How to use

  1. Upewnij się, że masz zainstalowany serwer Playwright MCP. Jeśli narzędzie browser_navigate jest niedostępne, uruchom: claude mcp add playwright -- npx @playwright/mcp@latest

  2. Przed napisaniem testu zdefiniuj cel funkcji: jaki problem rozwiązuje, jaki jest oczekiwany wynik, jakie dane przepływają przez system, co powinno się zachować po przeładowaniu strony i jakie efekty uboczne powinny nastąpić.

  3. Zbuduj projekt i uruchom serwer playground: pnpm build:cli, a następnie przejdź do packages/playground/e2e/kitchen-sink i uruchom pnpm dev. Sprawdź, czy serwer działa na http://localhost:4111

  4. Pisz testy skupiające się na zachowaniu produktu, a nie na stanach UI. Testuj rzeczywiste działania: czy konfiguracja providera LLM działa, czy nowy agent się zapisuje i pojawia na liście, czy narzędzia zwracają oczekiwane wyniki, czy wiadomości w czacie przesyłają się poprawnie.

  5. Skill automatycznie wyzwala się przy modyfikacji komponentów React, zmianach interfejsu, nowych funkcjach playground lub poprawkach błędów w studio. Wygenerowane testy będą walidować rzeczywiste działanie, nie tylko renderowanie elementów.

Related skills

playwright-browser-automation

by lackeyjb

Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test

Testing
13130

lean4-theorem-proving

by cameronfreer

Use when developing Lean 4 proofs, facing type class synthesis errors, managing sorries/axioms, or searching mathlib - provides build-first workflow, instance management patterns (haveI/letI), and domain-specific tactics

Testing
9108

playwright-cli

by microsoft

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

Testing
45103

pair-trade-screener

by tradermonty

Statistical arbitrage tool for identifying and analyzing pair trading opportunities. Detects cointegrated stock pairs within sectors, analyzes spread behavior, calculates z-scores, and provides entry/exit recommendations for market-neutral strategies. Use when user requests pair

Testing
994

performing-penetration-testing

by jeremylongshore

This skill enables automated penetration testing of web applications. It uses the penetration-tester plugin to identify vulnerabilities, including OWASP Top 10 threats, and suggests exploitation techniques. Use this skill when the user requests a \

Testing
1546

backtesting-frameworks

by wshobson

Build robust backtesting systems for trading strategies with proper handling of look-ahead bias, survivorship bias, and transaction costs. Use when developing trading algorithms, validating strategies, or building backtesting infrastructure.

Testing
12105