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
1.1k
自動テスト - 実践編【サイボウズ新人研修2025】
Cybozu
PRO
July 06, 2025
Tweet
Share
More Decks by Cybozu
See All by Cybozu
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
43
AIツール開発ワークショップ(Dify)【サイボウズ新人研修2025】
cybozuinsideout
PRO
20
21k
モバイル【サイボウズ新人研修2025】
cybozuinsideout
PRO
3
3.6k
Git/GitHub を使う上で知っておくと嬉しいかも Tips【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
9.7k
GitHub Copilot活用【サイボウズ新人研修2025】
cybozuinsideout
PRO
14
14k
ソフトウェアライセンス【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
8.1k
エンジニアのためのアウトプット講座 〜知識をシェアするはじめの一歩〜【サイボウズ新人研修2025】
cybozuinsideout
PRO
7
4.5k
Docker入門【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
11k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
KATA
mclloyd
32
14k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
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