mcpField
T
testing-reactnative

testing-reactnative

github.com/thebeardedbearsasテスト・品質107215 回インストール今日更新
リポジトリ

testing-reactnative について

New Architecture を採用した React Native 0.85+ 向けのテスト実践スキルです。コンポーネント、ネイティブモジュール、アニメーション、エンドツーエンドテストを扱います。

主な機能

  1. 01React Native Testing Libraryでユーザー動作をテスト
  2. 02Jestとネイティブモジュールのモックを使用
  3. 03MaestroまたはDetoxでエンドツーエンドテスト
  4. 04TurboModules、Fabric、Reanimatedをテスト

活用シーン

  1. 01React Native画面の動作テストを作成
  2. 02同期JSIネイティブモジュールをモック
  3. 03重要なユーザーフローを検証
  4. 04FabricコンポーネントとReanimatedアニメーションをテスト

インストール

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

$npx skills add https://github.com/thebeardedbearsas/claude-craft --skill testing-reactnative

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

詳細

React Native 0.85+ のテスト

このスキルでは、New Architecture を採用した React Native 0.85+ のテストに関するベストプラクティスを紹介します。

主な原則

  • React Native Testing Library（RNTL 14）：実装ではなく、ユーザーの操作をテストします
  • Jest：ネイティブモックに対応したテストランナーです
  • Maestro（YAML フロー、2.x）または Detox：重要なフローの E2E テストに使用します
  • ビジネスロジックのカバレッジは 80% 以上を目指します

React Native 0.85+ の特徴

  • TurboModules：同期 JSI ネイティブモジュールをモックします（ブリッジはありません）
  • Fabric：新しいレンダリングアーキテクチャを使用して、ネイティブコンポーネントをテストします
  • Reanimated 4.x：useAnimatedStyle と worklets を使用したアニメーションをテストします

参考資料

ソース： RN Testing Library、Maestro、Detox

コメント

Markdown 対応