mcpField
D
detox

detox

github.com/full-stack-skillsテスト・品質261 回インストール4 週間前に更新
リポジトリ

detox について

React Nativeアプリ向けのDetoxによるエンドツーエンドテストの作成とデバッグを支援するスキルです。環境構築、アサーション、CIに加え、安定した要素指定や失敗時の成果物保存も扱います。

主な機能

  1. 01Detoxとテスト環境を設定
  2. 02要素セレクターとアサーションでテスト作成
  3. 03非同期待機と同期を処理
  4. 04CIのビルド・テスト手順を設定
  5. 05ログやスクリーンショットを成果物として保存

活用シーン

  1. 01React Nativeアプリのエンドツーエンドテストを作成
  2. 02シミュレーター上のテスト失敗をデバッグ
  3. 03DetoxテストをCIワークフローに組み込む

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/testing-skills --skill detox

インストール後、Claude Code で/detoxを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使う場面

ユーザーが次のことを求めている場合は、このスキルを使用します。

  • React Native アプリの Detox E2E テストを作成またはデバッグする
  • ビルド、シミュレーターの起動、アサーションを設定する。CI に統合する

このスキルの使い方

  1. 環境：Detox をインストールし、.detoxrc を設定します。iOS には Xcode とシミュレーター、Android には SDK とシミュレーターが必要です。
  2. テストケース：element(by.id)、tap、typeText、expect を使います。非同期の待機と同期を設定します。
  3. CI：build と test のステップを設定します。Artifacts にログとスクリーンショットを保存します。

ベストプラクティス

  • 安定した要素の特定には testID を使い、テキストや時間のかかるアニメーションへの依存を避けます。
  • ビルドとデバイスの設定を一致させ、失敗時には artifacts を保持します。
  • 機密性の高い操作には環境変数を使い、並列実行と再試行の方針を定めます。

キーワード

detox, React Native, E2E, エンドツーエンドテスト

コメント

Markdown 対応