webapp-testing

SKILL.md

| Race conditions | Test checks before page updates | Use waitFor or expect with retries | | Flaky selectors | CSS classes change | Use data-testid or role selectors | | Hard-coded waits | page.waitForTimeout(3000) | Wait for specific conditions | | Not waiting for hydration | JS not executed | waitForLoadState('networkidle') |

| Shared state | Tests affect each other | Use isolated storage/auth per test | | Ignoring errors | Uncaught exceptions | Check page.on('pageerror') |

使用 Playwright 與本地 Web 應用程序交互並測試本地 Web 應用程序的工具包。支持驗證前端功能、調試 UI 行為、捕獲瀏覽器屏幕截圖以及查看瀏覽器日誌。 來源：vapvarun/claude-backup。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/vapvarun/claude-backup --skill webapp-testing 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

查看原文