AI Skills
frontend-testing

frontend-testing

Popular

Write, update, or review Dify frontend tests using Vitest and Testing Library. Trigger for frontend specs, test coverage requests, regressions, testability, or testing strategy under web/ or packages/dify-ui/.

150Kstars
24Kforks
Updated 7/25/2026
Get SkillSource Code

Related Skills

webapp-testing69Kvitest108Ksubagent-driven-development233K
SKILL.md
readonlyread-only
name
frontend-testing
description

Write, update, or review Dify frontend tests using Vitest and Testing Library. Trigger for frontend specs, test coverage requests, regressions, testability, or testing strategy under web/ or packages/dify-ui/.

Dify Frontend Testing

Use this skill for Vitest work under web/ and packages/dify-ui/. Do not use it for Python tests or Cucumber/Playwright tests under e2e/.

Required Source

Before writing, changing, or reviewing frontend tests, read web/docs/test.md completely. It is the single source of truth. This skill provides an execution checklist and must not redefine or extend that policy.

Workflow

  1. Read the source, its behavior owner, nearby specs, and relevant public dependencies.
  2. Apply the canonical guide to decide whether a test is needed and choose its boundary.
  3. For a behavior change or bug fix, write or identify the failing scenario first when practical.
  4. Implement one coherent scenario at a time and run the focused spec before expanding scope.
  5. Finish with the affected suite and relevant repository checks.
  6. Report what behavior was verified and any risk that still requires browser, visual, or end-to-end validation.

When reviewing existing tests, recommend deleting low-value tests as readily as adding missing behavior coverage.

Run focused tests from the owning workspace:

# web/
vp test run path/to/spec-or-directory

# packages/dify-ui/
vp test run --project unit src/path/to/spec

Run Dify UI Storybook tests with vp test --project storybook --run. Run broader checks only after the focused behavior passes.