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

mabl導入の経緯と導入後のあれこれ.pdf

 mabl導入の経緯と導入後のあれこれ.pdf

hacomono Inc.

May 23, 2023
Tweet

More Decks by hacomono Inc.

Other Decks in Programming

Transcript

  1. mabl導入の経緯と導入後の話

    View Slide

  2. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  3. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  4. 塩濱 優 shiohama yu
    名前
    経歴
    SNS
    株式会社hacomono
    入社して4年目のQAエンジニア
    Twitter @hcmn_hama
    ~2年目
    プロダクトの改善・機能開発を担当
    3年目~
    QAの正式チームの立ち上げが決まり、
    QAエンジニアとして軸を置き換え、
    チームの立ち上げに動き始めました。
    全体管理〜自動化周りを担当しています。
    自己紹介                                  

    View Slide

  5. 顧客管理・予約・決済の
    次世代を担うオンラインシステム
    ウェルネス産業向けバーティカルSaaS
    エステ、整骨院
    ・セルフエステ
    ・整骨院
    ・サウナ
    ・美容院(月額制)
    ・温浴施設(月額制)
    etc
    フィットネスクラブ
    ・総合フィットネスクラブ
    ・24時間ジム
    ・ヨガ/ピラティス
    ・パーソナルジム
    スクール
    ・スイミングスクール
    ・ゴルフ練習場
    ・ゴルフスクール
    ・ダンス/バレエスクール
    ・テニススクール
    ・カルチャースクール
    ・空手/体操スクール
    公共運動施設
    ・屋外運動場 ・屋内運動場
    ・体育館   ・水泳プール
    ・学校    ・レジャー施設
    会社紹介                                  

    View Slide

  6. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  7. 開発組織
    第三者検証機関
    当時はQAチームはなく業務委託の方々に依頼をかけていた
    テストをお願いしたいです!
    業務委託 x 2名
    mablを導入するに至った経緯                           

    View Slide

  8. リグレッションテストの工数が重すぎる
    mablを導入するに至った経緯                           

    View Slide

  9. 管理者側シナリオ    約4.5日/一人実施
    利用者側シナリオ    約6.3日/一人実施
    ※優先度が高のシナリオのみ
    合計           10.8日/一人実施
    mablを導入するに至った経緯                           

    View Slide

  10. テストケースは追加でメンテしていくので、さらに工数は伸びていく
    mablを導入するに至った経緯                           

    View Slide

  11. 自動化することでどうにかできないか
    mablを導入するに至った経緯                           

    View Slide

  12. フロントのテストがなかったので、これもどうにかしたい
    mablを導入するに至った経緯                           

    View Slide

  13. 自動化することでどうにかできないか(2回目)
    mablを導入するに至った経緯                           

    View Slide

  14. 業務委託で来ていただいている方々に運用も含めてお任せできないか
    mablを導入するに至った経緯                           

    View Slide

  15. そうだ、ノーコード × E2Eで自動化ツールを探そう
    mablを導入するに至った経緯                           

    View Slide

  16. 1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること
    2. 非エンジニア向けの機能が優れていること
    画面クリックを録画するだけでテストケースが実装できるなど
    3. エンジニアにも使いやすい機能があること
    ・変数利用ができる
    ・JavaScriptを実行するステップを定義できる
    ・WebAPIをコールするステップを定義できる
    ・外部連携が可能であること。
    4. テストケースの管理、メンテナンス性があること
    mablを導入するに至った経緯                           
    選定基準

    View Slide

  17. 1. 管理サイト x メンバーサイトの行き来をシナリオ中に含めることができること
    2. 非エンジニア向けの機能が優れていること
    画面クリックを録画するだけでテストケースが実装できるなど
    3. エンジニアにも使いやすい機能があること
    ・変数利用ができる
    ・JavaScriptを実行するステップを定義できる
    ・WebAPIをコールするステップを定義できる
    ・外部連携が可能であること。
    4. テストケースの管理、メンテナンス性があること
    mablを導入するに至った経緯                           
    選定基準

    View Slide

  18. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  19. 実は、初回導入は失敗に散っています
    初回導入の話                                

    View Slide

  20. 開発組織
    第三者検証機関
    E2E自動化の知見ある方いないですか?
    2ヶ月限定になりますが、 1名出せますよ!
    立ち上げ人材としてどうでしょう?
    初回導入の話                                

    View Slide

  21. 2ヶ月で自動化の初回立ち上げと、
    業務委託チーム内でも回せて行けるようになると嬉しいです
    初回導入の話                                

    View Slide

  22. 結果、退場後〜1年ぐらいは自動化自体STOPとなっていました
    初回導入の話                                

    View Slide

  23.   ・レビュー体制をそもそもきちんと築けていなかった
        ・実装して頂いたものが、
          どういう目的で作成したものか不明なものが多く、
       再利用できない状態となってしまった
        ・プロダクト理解は必須なので、
       そもそも2ヶ月で立ち上げは見通しが甘すぎた
    ・完全にお任せします状態になってしまっていた
    初回導入の話                                
    しくじりポイント

    View Slide

  24. QAチームを立ち上げようとなり、改めて再始動となりました
    初回導入の話                                

    View Slide

  25.   ・自動化のガイドラインを作成していた
    ・こちらのおかげで再スタートがスムーズに出来た
    初回導入の話                                
    やってよかったポイント

    View Slide

  26. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  27. まず初めに取り組んだこと
    導入後のあれこれ                               

    View Slide

  28. 組んだものを気軽に動かせるようにする
    導入後のあれこれ                               

    View Slide

  29. 特定ブランチに対してマージ
    github actionsが動く
    特定環境(QA検証用環境)に対してデプロイ デプロイ完了をキャッチし、
    特定環境に対してmablを自動実行
    mabl実行結果を特定チャンネルに通知
    導入後のあれこれ                               
    マージ デプロイ mabl 自動実行
    通知

    View Slide

  30. Mon Tue Wed Thu Fri
    スケジュールでも実行していく
    導入後のあれこれ                               

    View Slide

  31. つまずいた点・難しいなと感じた点
    導入後のあれこれ                               

    View Slide

  32. 期待値を自動化用に翻訳する
    導入後のあれこれ                               

    View Slide

  33. ログインをする
    導入後のあれこれ                               
    ID・Passwordを入力
    ログインボタンを押下
    マイページに遷移すること
    ID・Passwordを入力
    ログインボタンを押下
    マイページに遷移すること
    何をAssertion対象とするか

    View Slide

  34. ログインをする
    導入後のあれこれ                               
    ID・Passwordを入力
    ログインボタンを押下
    マイページに遷移すること

    ID・Passwordを入力
    ログインボタンを押下
    マイページに遷移すること
    アイコンが表示されていること

    View Slide

  35. チェックボックスの有効・無効
    導入後のあれこれ                               
    チェックボックスを有効にする


    チェックボックスを有効にする




    View Slide

  36. チェックボックスの有効・無効
    導入後のあれこれ                               
    チェックボックスを有効にする

    チェックボックスを有効にする



    すでにチェックが有効なので触らない


    チェックボックスの状態を取得しないと
    外してしまう

    View Slide

  37. チェックボックスの有効・無効
    導入後のあれこれ                               
    チェックボックスを有効にする チェックボックスを有効にする





    チェックボックスの状態を取得しないと
    外してしまう

    すでにチェックが有効なので触らない

    View Slide

  38. 失敗した時にきちんと落ちることが保証できないと意味がない
    導入後のあれこれ                               

    View Slide

  39. ローカルでは成功するが、クラウド実行は失敗する
    導入後のあれこれ                               

    View Slide

  40. 導入後のあれこれ                               

    View Slide

  41. 導入後のあれこれ                               
    時間が違っている

    View Slide

  42. タイムゾーンを取得して、それによって出力を変えるようにした
    導入後のあれこれ                               
    Intl.DateTimeFormat().resolvedOpti
    ons().timeZone;

    View Slide

  43. 🎉
    導入後のあれこれ                               

    View Slide

  44. 導入後のあれこれ                               

    View Slide

  45. AGENDA                                  
    自己紹介
    mablを導入するに至った経緯
    初回導入時の話
    導入後のあれこれ
    最後に
    02
    03
    04
    05
    01

    View Slide

  46. これから、#mablers_JPを是非ともよろしくお願い致します!
    最後に                                  

    View Slide