Maestroで楽がしたい！

Transcript

1. 1 Maestro で楽がしたい！ 2023.10.25 React Native Meetup #14 LT大会! Copyright © MEC Co., Ltd. All Rights reserved.
2. 2 自己紹介 Copyright © MEC Co., Ltd. All Rights reserved. 名前 足立 優司（@adt0705 ） 所属 メック株式会社 Amplify Japan UG 運営 やってること 新規事業のモバイルアプリ開発 よく使う AWS, Next.js / React Native 技術, 言語 Python, TypeScript
3. 3 Copyright © MEC Co., Ltd. All Rights reserved. 留守番インターフェースアプリ ♫ ♩ ♪ ♬ ♩
4. 4 システム概略図 Copyright © MEC Co., Ltd. All Rights reserved. input output output input AWS interface interface
5. 5 システム概略図 バックエンド（AWS） Copyright © MEC Co., Ltd. All Rights reserved. input output output input
6. 6 React Native 使用ライブラリ Copyright © MEC Co., Ltd. All Rights reserved. React Native Redux / Redux Toolkit Amplify Sentry React Navigation Expo
7. とにかく、楽にE2Eテストがしたい！ Maestro使って Copyright © MEC Co., Ltd. All Rights reserved. 今日話すこと
8. Copyright © MEC Co., Ltd. All Rights reserved. Maestroの使い心地 Maestroについて まとめ もくじ
9. Copyright © MEC Co., Ltd. All Rights reserved. Maestroの使い心地 Maestroについて まとめ もくじ
10. 10 Maestroとは？ Copyright © MEC Co., Ltd. All Rights reserved. • モバイル UIテストフレームワーク • ほかのフレームワークとの違いは ✓ 不安定性の改善 ✓ Sleepなどの遅延処理が不要 ✓ テストはYAML形式で記述 https://maestro.mobile.dev/
11. 11 ほかのじゃだめなの？ Copyright © MEC Co., Ltd. All Rights reserved. Detox • （なるべく）Jest書式を書きたくない • テストケースをポチポチGUIで作りたい MagicPod • 固定料金がきつい • ビルドファイルをアップロードしないと使えない
12. Copyright © MEC Co., Ltd. All Rights reserved. Maestroの使い心地 Maestroについて まとめ もくじ
13. 13 ワークフロー（テスト実行） Copyright © MEC Co., Ltd. All Rights reserved.
14. 14 ワークフロー（テスト作成） Copyright © MEC Co., Ltd. All Rights reserved.
15. Copyright © MEC Co., Ltd. All Rights reserved. デモ
16. 16 使い心地 Copyright © MEC Co., Ltd. All Rights reserved. 良いところ • とにかく簡単！ • ローカルで動く！ • テストケース = 仕様にできる 辛いところ • Yellow boxの押し間違えが多発する • getByRoleなどのJestっぽいコンポー ネント認識はしてくれない • 動作が重い そのせいでscrollUntilVisibleなどの、 ～するまで系がTimeoutする
17. Copyright © MEC Co., Ltd. All Rights reserved. Maestroの使い心地 Maestroについて まとめ もくじ
18. 18 まとめ Copyright © MEC Co., Ltd. All Rights reserved. • Maestro めっちゃ楽！ • 実装後の画面確認のタイミングでテストケース作れるので、 運用負荷も想像しているよりも高くなさそう • 導入方法などは、Zennに記事をおいてますので、よろしければどうぞ！
19. ありがとうございました！