Communitygithub.com

itechmeat/react-testing-library

React Testing Library:以使用者為中心的元件測試,包含查詢、使用者事件模擬、非同步工具及無障礙優先API。用於撰寫React元件測試、依角色/標籤/文字選取元素、模擬使用者事件或測試非同步UI行為。

react-testing-library 是什麼?

此技能提供 React Testing Library 的完整支援,這是一個以使用者為中心的元件測試工具。它強調透過可訪問性查詢(如角色、標籤、文字)來選取元素,而非實作細節,從而撰寫更具維護性的測試。支援模擬真實使用者互動(如點擊、輸入)的 `user-event` 程式庫、處理非同步行為的 `waitFor` 與 `findBy` 工具,以及安全的 `render` 與 `cleanup` 函數。此技能適用於主流開發環境(如 VS Code 與 Cursor),並遵循 React Testing Library 的官方慣例,幫助開發者專注於使用者體驗,而非元件內部實作。技能涵蓋設定測試環境、撰寫查詢、模擬事件與驗證非同步 UI 更新的流程,並包含無障礙屬性測試的指南。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/itechmeat/llm-code/tree/main/skills/react-testing-library

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

react-testing-library 是做什麼的?

React Testing Library:以使用者為中心的元件測試,包含查詢、使用者事件模擬、非同步工具及無障礙優先API。用於撰寫React元件測試、依角色/標籤/文字選取元素、模擬使用者事件或測試非同步UI行為。關鍵字:React Testing Library, @testing-library/react, user-event, queries, render.

相關技能