AI Skills
frontend-testing

frontend-testing

熱門

使用 Vitest 和 Testing Library 編寫、更新或審查 Dify 前端測試。適用於 web/ 或 packages/dify-ui/ 下的前端規格、測試覆蓋率請求、回歸測試、可測試性或測試策略。

15萬星標
2.4萬分支
更新於 2026/7/25
獲取技能源代碼

相關技能

webapp-testing6.9萬vitest11萬subagent-driven-development23萬
SKILL.md
readonlyread-only
name
frontend-testing
description

使用 Vitest 和 Testing Library 編寫、更新或審查 Dify 前端測試。適用於 web/ 或 packages/dify-ui/ 下的前端規格、測試覆蓋率請求、回歸測試、可測試性或測試策略。

Dify 前端測試

此技能僅用於 web/ 和 packages/dify-ui/ 下的 Vitest 工作。請勿用於 e2e/ 下的 Python 測試或 Cucumber/Playwright 測試。

必要來源

在編寫、修改或審查前端測試之前，請完整閱讀 web/docs/test.md。這是唯一的權威來源。此技能提供執行檢查清單，不得重新定義或擴展該政策。

工作流程

  1. 閱讀原始碼、其行為擁有者、附近的規格以及相關的公開依賴。
  2. 套用規範指南來決定是否需要測試，並選擇其邊界。
  3. 對於行為變更或錯誤修復，在可行時先編寫或識別失敗的情境。
  4. 一次實作一個連貫的情境，並在擴大範圍前執行聚焦的規格。
  5. 最後執行受影響的測試套件及相關的儲存庫檢查。
  6. 報告哪些行為已驗證，以及任何仍需瀏覽器、視覺或端對端驗證的風險。

審查現有測試時，應同樣樂於建議刪除低價值的測試，以及新增遺漏的行為覆蓋。

從所屬的工作區執行聚焦測試：

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

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

使用 vp test --project storybook --run 執行 Dify UI Storybook 測試。僅在聚焦行為通過後，才執行更廣泛的檢查。