Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WINTICKET QA における Autify 活用
Search
Ibuki Kaji
January 19, 2023
Technology
2
670
WINTICKET QA における Autify 活用
Ibuki Kaji
January 19, 2023
Tweet
Share
More Decks by Ibuki Kaji
See All by Ibuki Kaji
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
1.3k
Other Decks in Technology
See All in Technology
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
13
3.4k
スモールスタート、不都合な真実 〜 耳当たりの良い言葉に現場が振り回されないために/20240930-ssmjp-small-start
opelab
12
1.7k
MLOpsの「あるある」課題の解決と、そのためのライブラリgokart
mski_iksm
1
150
分析者起点の企画を成功させた連携面の工夫
lycorptech_jp
PRO
0
220
【shownet.conf_】ローカル5Gを活用したウォーキングツアーの体感向上
shownet
PRO
0
240
成果のためのコミュニケーション - 語彙を育てよう -/communication-for-good-outcome-developing-vocabulary
hassaku63
3
130
ORM と向き合う
hoto17296
7
5.9k
Amazon BedrockとPR-Agentでコードレビュー自動化に挑戦・実際に運用してみた
diggymo
0
550
つよつよリーダーが 抜けたらどうする? 〜ナビタイムのAgile⽀援組織の変遷〜
navitimejapan
PRO
22
13k
Understanding and Optimising INP
akshayysharma
0
150
エムスリー全チーム紹介資料 / Introduction of M3 All Teams
m3_engineering
0
180
【shownet.conf_】ネットワークテストの最適化と利便性の追求
shownet
PRO
0
230
Featured
See All Featured
BBQ
matthewcrist
84
9.2k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
38
2.1k
Teambox: Starting and Learning
jrom
131
8.7k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
Building Better People: How to give real-time feedback that sticks.
wjessup
360
19k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
The Cult of Friendly URLs
andyhume
76
6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
42
6.5k
Happy Clients
brianwarren
97
6.6k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Transcript
WINTICKET QA における Autify 活用 Ibuki Kaji 2023.01.19 @Muddy Web
meetup
自己紹介 鍛冶 維吹 @kj455 CyberAgent 2022年 新卒入社 Web フロントエンドエンジニア @株式会社
WinTicket
WINTICKET QA における Autify 活用 目次 • WINTICKET とは •
WINTICKET QA の立ち上げ • Autify 導入 • まとめ
WINTICKET とは 🏢 サービス概要 • 競輪・オートレース投票サービス • 2019 年にサービス開始 •
競輪市場シェア No.1 開発組織 • エンジニア約20人 • web / app / server • QA 組織はまだない 🤔 課題 QCチームがかなり手一杯 ... • 新機能, 定期的なリグレッションテストでスケ ジュールが逼迫 • 新しく日程を抑えようとするとかなり先になっ てしまう... • リファクタやパッケージアップデートが後回し になってしまいがち ... WINTICKET のこれからを見据えると 「攻め」だけでなく「守り」も固めたい🛡
WINTICKET QA の立ち上げ QC(品質管理)から QA(品質保証)へ • QC 自体の精度上げ ◦ 仕様書精度上げ
◦ 自動E2E ◦ … • QA への取り組み ◦ 開発振り返り ◦ ユーザフィードバック反映 ◦ … QC 品質基準への責任 QA 製品自体への責任 QCとQAの違い Autify
そもそも Autify って何? ノーコード自動E2Eテストプラットフォーム • ブラウザ上での操作で簡単に E2Eテストを作成 • UI の変更があってもテスト自動修復
(オートヒーリング) • 実機環境でのテスト実行 • メールテスト機能 • JS ステップ Autify 高いって 噂聞くけど... Autify 使い心地 どうなんだろ...
Autify 導入 導入準備 運用 導入
Autify 導入準備 サービス開始 QA の立ち上げ Autify利用開始 コードを書くE2Eはやりたくない... 良いソリューション/タイミングになったら 導入したい🤔 自動E2Eやるぞ!🔥
• QC人件費 > Autify 利用料 • 過去不具合のうち2割が リリース前 E2E テスト実行で防げた 可能性があった 懸念点 ・料金が高い ・本当に必要があるか ・どの SaaS にするか Autify を採用 • オートヒーリング, 日本語, JS step • トライアル体験良し • Autify for mobile は見送り
Autify 導入 ブラウザ上で操作するだ けでテストが作れる簡単さ ステップグループによる見 通しの良さ メールテスト機能 JS ステップによる 柔軟な検証
良かったところ 🙌 「ログイン→競輪レース投票→メール確認」 を行う模擬シナリオ( 99ステップ)
Autify 導入 - Muddy… メール選択機能が弱く 開きたいメールを開けない 場合がある 「ステップグループ」は 2種類あ り、使う場所が限られる
認証が必要な機能を検証する ステップグループの メンテナンスが難しい ステップグループを一度作成す ると解体できない • そもそも未読メールが溜まりづらいユーザ設定 に変更 • firebase SDK で reCAPTCHA を無効化して SMS 認証に移行 似たタイトルの未読メールが溜まっ ているとメール選択の精度が落ち る...🥺 苦しんでいるところ🥺
Autify 導入 - Muddy… メール選択機能が弱く 開きたいメールを開けない 場合がある 「ステップグループ」は 2種類あ り、使う場所が限られる
認証が必要な機能のステップ グループのメンテナンスが難し い ステップグループを一度作成す ると解体できない • そもそもミスが起きづらいようなシナリオ作成フ ローの整備 • ステップグループの解体・2種の相互利用でき るようにして欲しい... 苦しんでいるところ🥺
Autify 運用 QC の予定を確保できず ライブラリのアップデートがで きない... 🥺 QC の検証項目を見れていな い...
🙈 リグレッションテストが通れ ばアップデート可能 🚀 想定していなかったところに 影響が出ていたことに気づ いた... 😌 チーム全体の QC 検証項 目への関心度UP ⏫ Autify 導入前 Autify 導入後 大きめのリファクタをしたが QCを通した方がいいかな ...? 🤔 実機検証 JS step による 精度向上 機能追加/修正時の テスト修正 これから
まとめ • 自動 E2E テストツールとして Autify を採用 • 自動 E2E
テストは「銀の弾丸」 ではない • 高い買い物だが 時期を選べば 大きなリターンが得られる プロダクト機能数 プロダクト種類 QC QA 自動E2E WINTICKET QA 立ち上げ
ご清聴ありがとうございました!