Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for Cybozu Cybozu
July 06, 2025
180

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

Avatar for Cybozu

Cybozu

July 06, 2025
Tweet

More Decks by Cybozu

Transcript

  1. 4 ▌テスト実装までの流れ 1. Selenium IDEをインストールする 一緒にやりましょう 2. 検証するページを設定する 3. テスト手順をブラウザで操作して記録する

    ① テキストボックス入力 ② ボタン押下 ③ ドラッグ&ドロップ など 4. Assertion(期待値)を設定する ① 対象の文字が存在していること ② 遷移先の画面タイトルが正しいこと ③ チェックボックスにチェックされていること など 5. 記録したテストを自動で実行する
  2. 5 ▌テキストボックスのテストを実装してみよう テスト1:正常値確認 テスト手順を記録 1) レコード一覧画面右上の ボタンを押下する 2) 文字列1行に正常値(あああ)を入力する 3)

    保存ボタンを押す Assertionを設定 1) 文字列1行のテキストボックスに設定値が存在していること commandからassert textを探して設定する
  3. GUI系のテスト自動化ツール 9 ▌公式サイト Autify https://autify.com/ja Mabl https://www.mabl.com/ja Magic pod https://magicpod.com/

    ⚫どんなツール? ✓ ブラウザに対する操作を記録(Recode)して再現(Replay)する ✓ 有料ツール ✓ 利点:GUI操作で初心者でもわかりやすく簡単に作成可能 ✓ UIの変更をAIである程度追随して自動でテストを修正する ✓ 難点:自動化しづらい手順がある、修正コストが高い(画面の変更に弱い) テストケースイメージ *Autify
  4. CUI系のテスト自動化ツール 10 ▌公式サイト Playwright https://playwright.dev/ ⚫どんなツール? ✓ Node API を使用したツールライブラリ

    ✓ 無償(Microsoft主導で開発されており現在も進化中) ✓ 利点:レコード機能・マルチブラウザテスト ✓ 難点:プログラムベースのため習得のハードルがやや高い テストケースイメージ *mugiさんの記事から引用