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
510
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
1k
Other Decks in Technology
See All in Technology
Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで
leveragestech
1
2.6k
Google Cloud Next '24 Recap in ZOZO AIにより変わる開発 運用/Development and operation changed by AI
gachimuchiengineer
0
190
TanStack Routerで型安全かつ効率的なルーティングを実現
ytaisei
4
760
iThome2024 Wailing Wall of Enterprise Security
notsurprised
0
280
cgroup v2 で何が変わったのか / TechFeed Experts Night #28
tenforward
2
150
Databricksの生成AI戦略
taka_aki
1
350
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
37k
開発スピードの維持向上を支える、テスト設計の 漸進的進化への取り組み / Continuous Test Design Development for Speed of Product Development
ropqa
0
180
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.2k
動画配信サービスのフロントエンド実装に学ぶ設計原則
yud0uhu
0
120
Cloudflare WorkersがPythonに対応したので試してみた
miura55
0
190
5分で分かる(かもしれない) Vector engine for OpenSearch Serverless
tsukuboshi
1
380
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
33
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
2k
Producing Creativity
orderedlist
PRO
338
39k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
RailsConf 2023
tenderlove
9
580
Bash Introduction
62gerente
605
210k
Happy Clients
brianwarren
92
6.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Ruby is Unlike a Banana
tanoku
96
10k
Code Review Best Practice
trishagee
56
15k
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 立ち上げ
ご清聴ありがとうございました!