testing-library
✓使用測試庫模式測試 React 組件。涵蓋查詢 (getBy/findBy/queryBy)、用戶事件交互、異步測試(findBy 與 waitFor)、可訪問性測試以及用於 API 模擬的 MSW 集成。 使用場合:測試 React 組件、模擬用戶交互、測試表單、使用 MSW 模擬 API 調用或編寫可訪問的測試。關鍵詞:測試庫、反應測試庫、getByRole、用戶事件、waitFor、MSW、屏幕。
SKILL.md
Status: Production Ready Last Updated: 2026-02-06 Version: 16.x User Event: 14.x
| 1 | getByRole | Buttons, links, headings, inputs | | 2 | getByLabelText | Form inputs with labels | | 3 | getByPlaceholderText | Inputs without visible labels | | 4 | getByText | Non-interactive text content | | 5 | getByTestId | Last resort only |
| Variant | Returns | Throws | Use For |
使用測試庫模式測試 React 組件。涵蓋查詢 (getBy/findBy/queryBy)、用戶事件交互、異步測試(findBy 與 waitFor)、可訪問性測試以及用於 API 模擬的 MSW 集成。 使用場合:測試 React 組件、模擬用戶交互、測試表單、使用 MSW 模擬 API 調用或編寫可訪問的測試。關鍵詞:測試庫、反應測試庫、getByRole、用戶事件、waitFor、MSW、屏幕。 來源:jezweb/claude-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jezweb/claude-skills --skill testing-library- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-07
- 更新時間
- 2026-02-18
快速解答
什麼是 testing-library?
使用測試庫模式測試 React 組件。涵蓋查詢 (getBy/findBy/queryBy)、用戶事件交互、異步測試(findBy 與 waitFor)、可訪問性測試以及用於 API 模擬的 MSW 集成。 使用場合:測試 React 組件、模擬用戶交互、測試表單、使用 MSW 模擬 API 調用或編寫可訪問的測試。關鍵詞:測試庫、反應測試庫、getByRole、用戶事件、waitFor、MSW、屏幕。 來源:jezweb/claude-skills。
如何安裝 testing-library?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/jezweb/claude-skills --skill testing-library 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/jezweb/claude-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-07