clerk-testing
Clerkテスト戦略を習得し、AIスキルを活用してClerk関連機能のテストプロセスを最適化し、システムの安定性と信頼性を確保し、ユーザー体験を向上させます。
npx skills add clerk/skills --skill clerk-testingBefore / After 効果比較
1 组Clerkの統合機能をテストする際、多くの手動操作と設定が必要でした。テストカバレッジが不十分で、ユーザー認証プロセスを完全に検証することが困難でした。
AIスキルを活用することで、Clerkのテストプロセスは自動化され、インテリジェントになりました。認証シナリオを完全にカバーし、テスト効率とシステム安定性を大幅に向上させます。
clerk-testing
Testing
Decision Tree
Framework Documentation
Overview https://clerk.com/docs/guides/development/testing/overview
Playwright https://clerk.com/docs/guides/development/testing/playwright/overview
Cypress https://clerk.com/docs/guides/development/testing/cypress/overview
Mental Model
Test auth = isolated session state. Each test needs fresh auth context.
-
clerkSetup()initializes test environment -
setupClerkTestingToken()bypasses bot detection -
storageStatepersists auth between tests for speed
Workflow
-
Identify test framework (Playwright or Cypress)
-
WebFetch the appropriate URL from decision tree above
-
Follow official setup instructions
-
Use
pk_test_*andsk_test_*keys only
Best Practices
-
Use
setupClerkTestingToken()before navigating to auth pages -
Use test API keys:
pk_test_xxx,sk_test_xxx -
Save auth state with
storageStatefor faster tests -
Use
page.waitForSelector('[data-clerk-component]')for Clerk UI
Anti-Patterns
Pattern Problem Fix
Production keys in tests
Security risk
Use pk_test_* keys
No setupClerkTestingToken()
Auth fails
Call before navigation
UI-based sign-in every test
Slow tests
Use storageState
Framework-Specific
Playwright: Use globalSetup for auth state
Cypress: Add addClerkCommands({ Cypress, cy }) to support file
See Also
Weekly Installs2.0KRepositoryclerk/skillsGitHub Stars27First SeenJan 30, 2026Security AuditsGen Agent Trust HubPassSocketPassSnykWarnInstalled oncodex1.8Kopencode1.8Kgithub-copilot1.8Kgemini-cli1.8Kamp1.7Kkimi-cli1.7K
ユーザーレビュー (0)
レビューを書く
レビューなし
統計データ
ユーザー評価
この Skill を評価