自動テスト - 実践編【サイボウズ新人研修2025】

Transcript

1. テスト自動化 実践編 kintoneQA 三宅 正隆 1
2. テストを自動化してみよう
3. Selenium IDE 3 ▌公式サイト https://www.selenium.dev/selenium-ide/ ⚫どんなツール？ ✓ブラウザで行った操作を記録(Recode)して再現(Replay)する ✓ブラウザのプラグインとして動作する FireFoxに対応 ✓記録した操作をCUI(文字)で修正することも可能
4. 4 ▌テスト実装までの流れ 1. Selenium IDEをインストールする 一緒にやりましょう 2. 検証するページを設定する 3. テスト手順をブラウザで操作して記録する ① テキストボックス入力 ② ボタン押下 ③ ドラッグ＆ドロップ など 4. Assertion（期待値）を設定する ① 対象の文字が存在していること ② 遷移先の画面タイトルが正しいこと ③ チェックボックスにチェックされていること など 5. 記録したテストを自動で実行する
5. 5 ▌テキストボックスのテストを実装してみよう テスト1：正常値確認 テスト手順を記録 1) レコード一覧画面右上の ボタンを押下する 2) 文字列1行に正常値（あああ）を入力する 3) 保存ボタンを押す Assertionを設定 1) 文字列1行のテキストボックスに設定値が存在していること commandからassert textを探して設定する
6. 6 ▌テキストボックスのテストを実装してみよう テスト2：異常値確認 テスト手順を記録 1) レコード一覧画面右上の ボタンを押下する 2) 数値に異常値（??）を入力する 3) 保存ボタンを押す Assertionを設定 1) 数値下部に正しいエラーが出力されていること
7. テスト自動化ツールの種類
8. どんなテスト自動化ツールがあるの？ 8 ▌基本的なパターンは同じ ✓ テストで行う操作内容を記録 or 自分で記述する ✓ Assertionを追加 ▌GUI or CUI ▌ツール独自の便利機能
9. GUI系のテスト自動化ツール 9 ▌公式サイト Autify https://autify.com/ja Mabl https://www.mabl.com/ja Magic pod https://magicpod.com/ ⚫どんなツール？ ✓ ブラウザに対する操作を記録(Recode)して再現(Replay)する ✓ 有料ツール ✓ 利点：GUI操作で初心者でもわかりやすく簡単に作成可能 ✓ UIの変更をAIである程度追随して自動でテストを修正する ✓ 難点：自動化しづらい手順がある、修正コストが高い（画面の変更に弱い） テストケースイメージ *Autify
10. CUI系のテスト自動化ツール 10 ▌公式サイト Playwright https://playwright.dev/ ⚫どんなツール？ ✓ Node API を使用したツールライブラリ ✓ 無償（Microsoft主導で開発されており現在も進化中） ✓ 利点：レコード機能・マルチブラウザテスト ✓ 難点：プログラムベースのため習得のハードルがやや高い テストケースイメージ *mugiさんの記事から引用
11. おわりに ・今回は簡単なテストケースを実装してもらいましたが、 実際はそう簡単にはいかないものです。 ・もしテスト自動化に立ち向かう時が来たら、 先輩のQAや開発エンジニアに相談しましょう。 11