skills.rest
aboudou-cto-bloko
aboudou-cto-blokoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

testing-patterns

Guide Vitest, Playwright, and Convex testing workflows for Pixel-Mart projects.

2|1|Updated Feb 22, 2026
Search Tags:#vitest#testing#playwright#convex#unit-tests#e2e-tests#mock-patterns
One-click install
npx skills add https://github.com/aboudou-cto-bloko/pixelmart --skill testing-patterns-aboudou-cto-bloko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: testing-patterns
Source: https://github.com/aboudou-cto-bloko/pixelmart/tree/main/.claude/skills/testing-patterns
Command: npx skills add https://github.com/aboudou-cto-bloko/pixelmart --skill testing-patterns-aboudou-cto-bloko

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the creation and maintenance of robust test suites for Pixel-Mart, providing ready-to-use patterns for unit tests, end-to-end tests, and integration checks across the project.

Core Features & Use Cases

  • Vitest-based unit testing patterns for components, hooks, and utilities, including setup files and mock strategies.
  • Playwright-based E2E testing patterns with authenticated flows, fixtures, and common test structures for buyer, vendor, and admin perspectives.
  • Convex-function tests with mock contexts and mutation tests, plus example test organization under convex/tests.
  • Clear test structure guidance: where to place tests (src/tests, convex/tests, e2e/), how to name tests, and how to run tests with provided commands.
  • Practical templates that can be adapted to project needs and future patterns.

Quick Start

Replace the Pixel-Mart test templates with your project’s data and run the included test commands to verify results.

Frequently Asked Questions about testing-patterns

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

FAQPage Schema
How do I set up Vitest unit tests for components and hooks?▼

Set up Vitest unit tests by placing files under src/__tests__ and using the provided configuration templates. This Skill supplies mock strategies and setup files to test components, hooks, and utilities.

What's the best way to structure Playwright E2E tests for different user roles?▼

Structure Playwright E2E tests in the e2e directory using provided fixtures for authenticated flows. The patterns cover buyer, vendor, and admin perspectives with common test structures.

Can I test Convex functions with mock contexts and mutations?▼

Yes, you can test Convex functions by organizing tests under convex/__tests__. The patterns provide mock contexts and mutation tests to validate Convex backend logic.

Does this testing pattern guide include configuration templates and test running commands?▼

The testing pattern guide includes configuration templates, mock patterns, and example commands. You can run unit tests and E2E tests directly using the provided command examples.

How do I organize test files across Vitest, Playwright, and Convex in one project?▼

Organize test files by placing Vitest tests in src/__tests__, Convex tests in convex/__tests__, and Playwright tests in e2e. The guide provides clear naming conventions and structure guidance.

What mock patterns are available for testing components and backend functions?▼

Mock patterns include setup files and mock strategies for Vitest component tests, plus mock contexts for Convex function tests. These templates can be adapted to project-specific needs.

Related Skills

Explore More Software Engineering Skills→
RinKhimeraRinKhimera
2

convex-quickstart

Initialize and configure a Convex backend for frontend projects.

Community
Intermediate
gigaverse-appgigaverse-app
4

testing

Codify Python testing best practices for unit and integration tests.

Official
Intermediate
hopeoverturehopeoverture
6

github-actions-ci-workflow

Generate GitHub Actions CI/CD workflows for web apps with lint, test, build, and deploy pipelines.

Community
Advanced
fgarofalo56fgarofalo56
6

testing

Run unit, integration, and E2E tests with pytest, Jest, Cypress, and Playwright.

Community
Advanced