tester

Run unit, UI, and end-to-end tests with Vitest, Storybook, and Playwright.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/Stonek79/knock-knock --skill tester-stonek79
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tester
Source: https://github.com/Stonek79/knock-knock/tree/main/.agent/skills/tester
Command: npx skills add https://github.com/Stonek79/knock-knock --skill tester-stonek79

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns QA into an automated, repeatable process ensuring Knock-Knock remains secure and reliable by providing unit tests, UI story verification, and end-to-end tests.

Core Features & Use Cases

  • Unit tests (Vitest) validate business logic and cryptographic helpers in lib/ and hooks.
  • UI testing (Storybook) creates stories for components and verifies visuals across themes and devices.
  • E2E testing (Playwright) runs full user flows such as registration, messaging, and calls, with mobile-first layouts.
  • Mocking policy: in dev and tests, always use mock data to avoid real network calls.

Quick Start

Install dependencies and run tests:

  • npm install
  • npm run test
  • npm run storybook
  • npm run test:e2e

Frequently Asked Questions about tester

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate QA testing for business logic and user flows?

You can automate QA testing by using Vitest for business logic, Storybook for UI component verification, and Playwright for end-to-end user flows, ensuring comprehensive coverage across mobile-first layouts.

How do I verify UI components across different themes and devices?

You can verify UI components across themes and devices by creating Storybook stories that validate visual fidelity, allowing you to systematically check how components render under various conditions.

Do I need Node.js to run Vitest and Playwright tests?

Yes, you need Node.js and npm or yarn to install dependencies and run Vitest and Playwright tests, with standard development tooling configured in your project's package.json file.

What is the best way to mock data during end-to-end testing?

The best way to mock data during end-to-end testing is to always use mock data in development and test environments, preventing real network calls and ensuring reliable, repeatable test results.

Can I run registration and messaging scenarios with Playwright e2e testing?

Yes, you can run full user flows like registration, messaging, and calls using Playwright e2e testing, which validates complete user scenarios across mobile-first layouts.

Why use Vitest for unit testing instead of other testing frameworks?

Vitest is used to validate business logic and cryptographic helpers in your library and hooks, providing a fast, integrated testing solution that works seamlessly with modern development workflows.