0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VALTES Advent Calendar 2024

Day 21

[T-DASH] キャプチャ&リプレイを使って簡単にテスト自動化してみる

Last updated at Posted at 2024-12-20

はじめに

T-DASHでは、ここ最近、キャプチャ&リプレイの対応をした。

ただ、まだベータ版らしいので、さらなる改善が期待できる。
実際にどんな使用感かを含めて一つのアプリを自動化して、レポートする

キャプチャ&リプレイとは

キャプチャ&リプレイは、ISTQBで定義している「レコード・アンド・プレイバック」と同等の意味です

キャプチャ&リプレイとは、テスト実行者の操作を記録して、その記録内容がそのままテスト自動化スクリプトになります。
それを再生(実行)して同じ操作を行うことで、テストを自動化する手法です。
直感的に操作でき、初期コストが低いというメリットがあります。
一方、テストスクリプトの保守性が低く、複雑なシナリオには対応しづらいというデメリットも抱えています。

テスト対象

テスト自動化練習サイトを用いる。

こちらで、以下ユーザーでログインできることを確認するテストを作成する

項目
メールアドレス ichiro@example.com
パスワード password
名前 山田一郎

上記ユーザーでログインする

image.png

T-DASH

1. テストケース作成

まず、テストスイート、テストケース作成します
中身は空っぽです。

2. キャプチャ(デバッグ実行)

からっぽのテストケースにある、デバッグ実行をクリックする

image.png

デバッグ実行モードになるため、
「URLを入力してください」のエリアに「 https://hotel.testplanisphere.dev/ja/index.html 」を入力し、「📷REC」をクリックします

image.png

なお、キャプチャ&リプレイを初めて使う人にとって、Playwrightのインストールを求められます。
そのため、まずインストールを行ってください

image.png

キャプチャツールが起動します
以下の図のように、上部に「操作」と「ポーズ」があります
「操作」が選ばれているときは、マウスのクリック操作や入力フォームなどへのキーボード入力操作が記録され、T-DASHに操作手順が自動的に出てきます。

image.png

「ログイン」をクリックし、「メールアドレス」「パスワード」にログイン情報を入力し、「ログインボタン」をクリックしたら、以下のようにケースが出来上がりました

image.png

尚、「クリック」や「キーボード入力」がメインで、検証処理ができないようだ。
たとえば、ログイン後、「氏名」が「山田一郎」であることを検証したいとき、キャプチャ機能で再現できない。

代替案として(かってに推測)

  1. 「山田一郎」をクリックする → 「xxxをクリックする」がステップ追加される
  2. その手順を選択し、デバッグ編集で操作を「要素をクリックする」から「予想のテキストが一致するか検証する」に変更する。合わせて設定値を「山田一郎」にする

かな。

image.png

これでテストスクリプトが作成された。
確かに簡単だ!

3. テスト実行

テスト実行を単純にする

image.png

このように、問題なくテストができていることが確認できました!

画面定義

画面定義を見てみよう。
キャプチャで自動的に取得された要素を確認できる

ただ、2点課題があるようだ

  • 手動で作成した画面定義は再利用されていない
     手動で作成したテストケース、キャプチャで作成したテストケースで同じ要素、例えば”ログインボタン”があったとして、先に手動で作成したとして、キャプチャでレコーディングしたとき、同じ要素で改めて作成されてしまう

  • キャプチャ機能で2回同じテストケースを作成しても、画面定義は再利用されていない
     キャプチャ機能で2回同じ操作を記録すると、画面が2つ作成される。ホームとホーム(1)のように。

このような事象が起きるため、画面定義の保守性が悪くなる!

ISTQBシラバスにも書かれていますが、レコード・アンド・プレイバックはシンプルだが、保守性に課題がある。
そこを念頭に実装しないと、最初作るのは簡単だけど、あとの運用フェーズに地獄になります。

この同様要素が取れるところが、T-DASHで改善されるといいな

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?