$30 off During Our Annual Pro Sale. View Details »

ノーコードE2Eテストで実現する高速開発

Nozomi Ito
September 27, 2023

 ノーコードE2Eテストで実現する高速開発

Nozomi Ito

September 27, 2023
Tweet

More Decks by Nozomi Ito

Other Decks in Programming

Transcript

  1. ノーコードE2Eテストで
    実現する⾼速開発
    2023.9.28

    View Slide

  2. About me
    • 伊藤 望 (Ito Nozomi)
    • MagicPod CEO
    • ⾃動テストツール歴:約13年
    • Seleniumコミュニティ主宰
    • Twitter:@ito_nozomi

    View Slide

  3. 1. モバイルアプリE2Eテストの課題
    2. MagicPodの紹介
    3. E2Eテストによる開発⽣産性向上
    4. 各種機能紹介
    Agenda

    View Slide

  4. 1. モバイルアプリE2Eテストの課題
    2. MagicPodの紹介
    3. E2Eテストによる開発⽣産性向上
    4. 各種機能紹介

    View Slide

  5. さまざまなテスト⾃動化
    1. モバイルアプリE2Eテストの課題
    システム全体を通しでテスト
    UIテストツールなどを活⽤
    E2Eテスト
    結合テスト
    ユニットテスト
    複数の部品を結合してテスト
    APIテストツールなどを活⽤
    個々の関数やクラスのテスト
    ユニットテストツールなどを活⽤

    View Slide

  6. モバイルアプリE2Eテストの課題
    リリースのたびに
    同じ⼿作業の繰り返し
    1. モバイルアプリE2Eテストの課題
    様々なOSバージョン‧
    機種での動作確認
    実装
    テスト
    設計
    実装
    テスト
    設計
    ⼿作業
    実装
    テスト
    設計
    ⼿作業
    ⼿作業

    View Slide

  7. 解決策 ➡ E2Eテストの⾃動化
    リリースのたびに
    同じ⼿作業の繰り返し
    1. モバイルアプリE2Eテストの課題
    様々なOSバージョン‧
    機種での動作確認
    実装
    テスト
    設計
    実装
    テスト
    設計
    ⼿作業
    実装
    テスト
    設計
    ⼿作業
    ⼿作業
    ⼀度テストを作れば、
    低コストで何回でも
    実⾏できる
    ⼀度テストを作れば、
    ⾊々な環境で
    実⾏できる

    View Slide

  8. E2Eテスト⾃動化の課題
    様々な技術トラブル
    1. モバイルアプリE2Eテストの課題
    テストコードの理解
    Appium/Xcodeの定期更新 UI変更時のスクリプト修正

    View Slide

  9. 解決策 ➡ MagicPod!
    1. モバイルアプリE2Eテストの課題
    分かりやすいスクリプト エキスパートによる安定化努⼒
    メンテナンス不要のクラウド AIによる⾃動修復

    View Slide

  10. 1. モバイルアプリE2Eテストの課題
    2. MagicPodの紹介
    3. E2Eテストによる開発⽣産性向上
    4. 各種機能紹介

    View Slide

  11. MagicPod
    §モバイルアプリ & WebのE2Eテスト⾃動化SasS
    §ノーコードで簡単にテスト作成
    (magicpod.com)
    2. MagicPodの紹介

    View Slide

  12. ご利⽤ユーザー様
    https://magicpod.com/customer-stories/
    2. MagicPodの紹介

    View Slide

  13. 2. MagicPodの紹介
    https://www.youtube.com/watch?v=UQsw-q702PY
    Demo

    View Slide

  14. 1. モバイルアプリE2Eテストの課題
    2. MagicPodの紹介
    3. E2Eテストによる開発⽣産性向上
    4. 各種機能紹介

    View Slide

  15. フィードバックサイクルが⾼速になる
    3. E2Eテストによる開発⽣産性向上
    • 毎⽇テスト、常にテスト
    • 不具合の早期検出で⽣産性が向上
    開発期間
    😁
    リリース

    View Slide

  16. 3. E2Eテストによる開発⽣産性向上
    ユーザーさんの発表スライド①

    View Slide

  17. 3. E2Eテストによる開発⽣産性向上
    ユーザーさんの発表スライド②

    View Slide

  18. 3. E2Eテストによる開発⽣産性向上
    ユーザーさんの発表スライド③

    View Slide

  19. 3. E2Eテストによる開発⽣産性向上
    ユーザーさんの発表スライド④

    View Slide

  20. 1. モバイルアプリE2Eテストの課題
    2. MagicPodの紹介
    3. E2Eテストによる開発⽣産性向上
    4. 各種機能紹介

    View Slide

  21. 多機種‧多バージョンテスト
    4. 各種機能紹介
    • 作ったテストをさまざまな環境で実⾏
    • 並列実⾏もサポート
    SauceLabs‧BrowserStack
    MagicPodクラウド

    View Slide

  22. Visual Regression Test
    4. 各種機能紹介
    • 画⾯キャプチャが期待値と⼀致するかチェック
    • デザイン崩れバグなどの検出が可能

    View Slide

  23. UI変更があった場合のテスト⾃動修復
    4. 各種機能紹介

    View Slide

  24. CI連携
    4. 各種機能紹介
    • Bitrise、GitHub Actions、CircleCI、Jenkinsなど

    View Slide

  25. 各種メンテナンス⽀援機能
    4. 各種機能紹介
    UI定義共有
    共有ステップ データ駆動テスト
    変数
    条件分岐 履歴管理

    View Slide

  26. 各種モバイル端末操作
    4. 各種機能紹介

    View Slide

  27. 各種モバイル端末操作
    4. 各種機能紹介
    画像アップロード
    フリーハンド図形描画
    端末回転
    スワイプ

    View Slide

  28. 各種モバイル端末設定
    4. 各種機能紹介
    地域
    タイムゾーン
    位置情報
    ⾔語

    View Slide

  29. WebView‧Flutterにも対応
    4. 各種機能紹介
    https://magicpod.com/resources/flutter_guide/

    View Slide

  30. Thank you!

    View Slide