Upgrade to Pro — share decks privately, control downloads, hide ads and more …

MagicPodが取り組む テスト自動化最前線

MagicPodが取り組む テスト自動化最前線

2023.3.15に行われた「TechFeed Experts Night#15 〜 ソフトウェアテスト最前線 〜 自動化サービスの波は本物か?」の発表資料です。
https://techfeed.io/events/techfeed-experts-night-15

Nozomi Ito

March 16, 2023
Tweet

More Decks by Nozomi Ito

Other Decks in Technology

Transcript

  1. MagicPod͕औΓ૊Ή
    ςετࣗಈԽ࠷લઢ
    2023.3.15

    View full-size slide

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

    View full-size slide

  3. 詳しくは

    View full-size slide

  4. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから
    Agenda

    View full-size slide

  5. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから

    View full-size slide

  6. MagicPod
    • Web & モバイルアプリのE2Eテスト⾃動化SasS
    • ノーコードで簡単にテスト作成
    • 豊富なコマンドと柔軟性とメンテナンス性が強み
    @MagicPodJP
    1. MagicPodの概要

    View full-size slide

  7. エキスパʔτ͕࡞ͬͨςετπʔϧ
    1. MagicPodの概要
    著者 翻訳者 登壇

    View full-size slide

  8. ユーザー様のブログ記事‧発表
    MagicPodでE2Eテストを実装した話
    みてねのE2E⾃動テスト導⼊戦略
    アプリのテストに
    MagicPodを導⼊している話
    【インターンレポート】⾃動テストを
    実装したら衝撃を受けた学⽣の話
    Ubieのアプリ開発を⽀える
    MagicPodを使った⾃動テスト
    テスト⾃動化初⼼者がノーコードツール
    「MagicPod」でテスト⾃動化に挑戦してみた
    1. MagicPodの概要

    View full-size slide

  9. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから

    View full-size slide

  10. Webサイトテスト
    2. Demo
    https://www.youtube.com/watch?v=p1lHiyj2dms

    View full-size slide

  11. モバイルアプリテスト
    2. Demo
    https://www.youtube.com/watch?v=UQsw-q702PY

    View full-size slide

  12. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから

    View full-size slide

  13. ノーコード
    3. MagicPodの特徴
    • プログラマでなくてもテストが作れる
    • 複雑な操作もノーコードで実現

    View full-size slide

  14. クラウド
    3. MagicPodの特徴
    • MagicPodクラウド & SauceLabs/BrowserStackクラウド
    • ローカルPCテストもサポート

    View full-size slide

  15. クロスブラウザ‧マルチ端末
    3. MagicPodの特徴
    • 作ったテストをさまざまなブラウザ‧端末で実⾏
    • 並列実⾏もサポート

    View full-size slide

  16. Visual Regression Test
    3. MagicPodの特徴
    • 画⾯キャプチャが期待値と⼀致するかチェック
    • デザイン崩れバグなどの検出が可能

    View full-size slide

  17. CI連携
    3. MagicPodの特徴
    • CircleCI、Jenkins、GitHub Actions、Bitriseほか

    View full-size slide

  18. 各種メンテナンス⽀援機能
    3. MagicPodの特徴
    UI定義共有
    共有ステップ データ駆動テスト
    変数
    条件分岐 履歴管理

    View full-size slide

  19. 各種AI機能
    3. MagicPodの特徴

    View full-size slide

  20. テスト⼿順の⽇本語形式表⽰
    3. MagicPodの特徴 ‒ 各種AI機能

    View full-size slide

  21. UI変更があった場合のテスト⾃動修復
    3. MagicPodの特徴 ‒ 各種AI機能

    View full-size slide

  22. 重複したUI定義の⾃動統合
    3. MagicPodの特徴 ‒ 各種AI機能

    View full-size slide

  23. さまざまなコマンド
    3. MagicPodの特徴

    View full-size slide

  24. 値チェック
    3. MagicPodの特徴 ‒ さまざまなコマンド
    • 様々な条件で期待値チェック

    View full-size slide

  25. 各種ブラウザ操作
    3. MagicPodの特徴 ‒ さまざまなコマンド

    View full-size slide

  26. 各種モバイル端末操作
    3. MagicPodの特徴 ‒ さまざまなコマンド

    View full-size slide

  27. 各種モバイル端末操作
    3. MagicPodの特徴 ‒ さまざまなコマンド
    画像アップロード
    フリーハンド図形描画
    端末回転
    スワイプ

    View full-size slide

  28. 各種ϞόΠϧ୺຤ઃఆ
    3. MagicPodの特徴 ‒ さまざまなコマンド
    地域
    タイムゾーン
    位置情報
    ⾔語

    View full-size slide

  29. ֤छϢʔςΟϦςΟίϚϯυ
    3. MagicPodの特徴 ‒ さまざまなコマンド
    数値⽐較
    2段階認証突破
    正規表現
    四則演算

    View full-size slide

  30. ⽇付計算コマンド
    3. MagicPodの特徴 ‒ さまざまなコマンド
    • 「明⽇の⽇付を⼊⼒」などの⽤途に

    View full-size slide

  31. HTTPϦΫΤετૹ৴
    3. MagicPodの特徴 ‒ さまざまなコマンド
    • DBの値チェックやデータクリアなどに

    View full-size slide

  32. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから

    View full-size slide

  33. 1. フィードバックサイクルが⾼速に
    4. MagicPodでテストはどう変わる?
    • 常に(毎⽇)テストできる
    • 問題の早期検出で⽣産性が向上
    開発期間
    😁
    リリース

    View full-size slide

  34. 4. MagicPodでテストはどう変わる?
    ユーザーの声
    https://magicpod.com/customer-stories/

    View full-size slide

  35. 2. チーム全員でテストをメンテナンス
    4. MagicPodでテストはどう変わる?
    • 作ったテストはQAにも開発者にも役⽴つ
    開発者
    テストケース
    QA
    結果通知
    実⾏
    メンテナンス
    フィードバック フィードバック
    メンテナンス

    View full-size slide

  36. 1. MagicPodの概要
    2. Demo
    3. MagicPodの特徴
    4. MagicPodでテストはどう変わる?
    5. MagicPodのこれから

    View full-size slide

  37. 5. MagicPodのこれから
    MagicPodが
    今取り組んでいること

    View full-size slide

  38. 5. MagicPodのこれから
    「コード」と「ノーコード」の
    融合

    View full-size slide

  39. 5. MagicPodのこれから
    コードで
    書きたい開発者
    ノーコードで
    書きたいQA
    バージョン管理
    ブランチ管理
    Git管理
    検索‧置換
    柔軟性
    分かりやすい
    誰でも使える
    運⽤しやすい
    社内で分断が起きてしまう

    View full-size slide

  40. 5. MagicPodのこれから
    開発とQAが協調して
    テスト⾃動化に取り組めるようにしたい

    View full-size slide

  41. 5. MagicPodのこれから
    「コード」と「ノーコード」の融合
    相互変換可能

    View full-size slide

  42. 5. MagicPodのこれから
    開発とQAの
    協調‧分担が可能に
    既存製品はノーコードから
    コードの⼀⽅通⾏
    常に両⽅を
    同期可能

    View full-size slide

  43. Πϕϯτࠂ஌

    View full-size slide