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
自動テスト - 実践編【サイボウズ新人研修2025】
Search
Cybozu
PRO
July 06, 2025
2
1k
自動テスト - 実践編【サイボウズ新人研修2025】
Cybozu
PRO
July 06, 2025
Tweet
Share
More Decks by Cybozu
See All by Cybozu
AIツール開発ワークショップ(Dify)【サイボウズ新人研修2025】
cybozuinsideout
PRO
15
17k
モバイル【サイボウズ新人研修2025】
cybozuinsideout
PRO
3
3.4k
Git/GitHub を使う上で知っておくと嬉しいかも Tips【サイボウズ新人研修2025】
cybozuinsideout
PRO
11
9.2k
GitHub Copilot活用【サイボウズ新人研修2025】
cybozuinsideout
PRO
14
13k
ソフトウェアライセンス【サイボウズ新人研修2025】
cybozuinsideout
PRO
12
7.8k
エンジニアのためのアウトプット講座 〜知識をシェアするはじめの一歩〜【サイボウズ新人研修2025】
cybozuinsideout
PRO
7
4.3k
Docker入門【サイボウズ新人研修2025】
cybozuinsideout
PRO
12
10k
セキュリティ【サイボウズ新人研修2025】
cybozuinsideout
PRO
2
3.1k
TLS 1.3をざっと理解する【サイボウズ新人研修2025】
cybozuinsideout
PRO
2
1.9k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Producing Creativity
orderedlist
PRO
346
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Embracing the Ebb and Flow
colly
86
4.8k
Rails Girls Zürich Keynote
gr2m
95
14k
Speed Design
sergeychernyshev
32
1.1k
Transcript
テスト自動化 実践編 kintoneQA 三宅 正隆 1
テストを自動化してみよう
Selenium IDE 3 ▌公式サイト https://www.selenium.dev/selenium-ide/ ⚫どんなツール? ✓ブラウザで行った操作を記録(Recode)して再現(Replay)する ✓ブラウザのプラグインとして動作する FireFoxに対応 ✓記録した操作をCUI(文字)で修正することも可能
4 ▌テスト実装までの流れ 1. Selenium IDEをインストールする 一緒にやりましょう 2. 検証するページを設定する 3. テスト手順をブラウザで操作して記録する
① テキストボックス入力 ② ボタン押下 ③ ドラッグ&ドロップ など 4. Assertion(期待値)を設定する ① 対象の文字が存在していること ② 遷移先の画面タイトルが正しいこと ③ チェックボックスにチェックされていること など 5. 記録したテストを自動で実行する
5 ▌テキストボックスのテストを実装してみよう テスト1:正常値確認 テスト手順を記録 1) レコード一覧画面右上の ボタンを押下する 2) 文字列1行に正常値(あああ)を入力する 3)
保存ボタンを押す Assertionを設定 1) 文字列1行のテキストボックスに設定値が存在していること commandからassert textを探して設定する
6 ▌テキストボックスのテストを実装してみよう テスト2:異常値確認 テスト手順を記録 1) レコード一覧画面右上の ボタンを押下する 2) 数値に異常値(??)を入力する 3)
保存ボタンを押す Assertionを設定 1) 数値下部に正しいエラーが出力されていること
テスト自動化ツールの種類
どんなテスト自動化ツールがあるの? 8 ▌基本的なパターンは同じ ✓ テストで行う操作内容を記録 or 自分で記述する ✓ Assertionを追加 ▌GUI
or CUI ▌ツール独自の便利機能
GUI系のテスト自動化ツール 9 ▌公式サイト Autify https://autify.com/ja Mabl https://www.mabl.com/ja Magic pod https://magicpod.com/
⚫どんなツール? ✓ ブラウザに対する操作を記録(Recode)して再現(Replay)する ✓ 有料ツール ✓ 利点:GUI操作で初心者でもわかりやすく簡単に作成可能 ✓ UIの変更をAIである程度追随して自動でテストを修正する ✓ 難点:自動化しづらい手順がある、修正コストが高い(画面の変更に弱い) テストケースイメージ *Autify
CUI系のテスト自動化ツール 10 ▌公式サイト Playwright https://playwright.dev/ ⚫どんなツール? ✓ Node API を使用したツールライブラリ
✓ 無償(Microsoft主導で開発されており現在も進化中) ✓ 利点:レコード機能・マルチブラウザテスト ✓ 難点:プログラムベースのため習得のハードルがやや高い テストケースイメージ *mugiさんの記事から引用
おわりに ・今回は簡単なテストケースを実装してもらいましたが、 実際はそう簡単にはいかないものです。 ・もしテスト自動化に立ち向かう時が来たら、 先輩のQAや開発エンジニアに相談しましょう。 11