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.2k
自動テスト - 実践編【サイボウズ新人研修2025】
Cybozu
PRO
July 06, 2025
Tweet
Share
More Decks by Cybozu
See All by Cybozu
kintone開発チームの紹介
cybozuinsideout
PRO
0
76k
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
120
AIツール開発ワークショップ(Dify)【サイボウズ新人研修2025】
cybozuinsideout
PRO
20
23k
モバイル【サイボウズ新人研修2025】
cybozuinsideout
PRO
3
3.9k
Git/GitHub を使う上で知っておくと嬉しいかも Tips【サイボウズ新人研修2025】
cybozuinsideout
PRO
14
10k
GitHub Copilot活用【サイボウズ新人研修2025】
cybozuinsideout
PRO
15
15k
ソフトウェアライセンス【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
8.4k
エンジニアのためのアウトプット講座 〜知識をシェアするはじめの一歩〜【サイボウズ新人研修2025】
cybozuinsideout
PRO
7
4.8k
Docker入門【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
12k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A Tale of Four Properties
chriscoyier
160
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Side Projects
sachag
455
43k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
The World Runs on Bad Software
bkeepers
PRO
71
11k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
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