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
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
33
AIツール開発ワークショップ(Dify)【サイボウズ新人研修2025】
cybozuinsideout
PRO
20
21k
モバイル【サイボウズ新人研修2025】
cybozuinsideout
PRO
3
3.6k
Git/GitHub を使う上で知っておくと嬉しいかも Tips【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
9.6k
GitHub Copilot活用【サイボウズ新人研修2025】
cybozuinsideout
PRO
14
14k
ソフトウェアライセンス【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
8k
エンジニアのためのアウトプット講座 〜知識をシェアするはじめの一歩〜【サイボウズ新人研修2025】
cybozuinsideout
PRO
7
4.4k
Docker入門【サイボウズ新人研修2025】
cybozuinsideout
PRO
13
11k
セキュリティ【サイボウズ新人研修2025】
cybozuinsideout
PRO
2
3.3k
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Git: the NoSQL Database
bkeepers
PRO
431
65k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
A better future with KSS
kneath
239
17k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
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