はじめに
Webサイト開発時、コードを変更する度にいちいち表示崩れがないかとか画面遷移が上手くいってるかとか確認するの面倒ですよね😭
そんな手間を省くためのテスト自動化ツールT-DASHに、コマンドライン機能が実装されたみたいなので使ってみました！
概要
テスト時の大まかな流れとしては、以下のような感じです！
テスト実行方法がコマンドラインになったみたい。コマンドラインが使えると汎用性が広がりそう🤔
自動化してみたテスト内容
以前、自分で作成したWebサイトの画面遷移テストを自動化してみます！
導入 ~ テスト実行までの流れ
コマンドラインが使用できるWindows版で説明していきます！
全体の手順としては、
1. T-DASH申し込み
2. T-DASHインストール
3. テスト作成
4. テスト実行
5. テスト結果表示
となってます。
1. T-DASH申し込み
ここから申し込みます。30日間の無料トライアルがあります。私も今は無料トライアル中です！
2. T-DASHインストール
ログインページの左にあるダウンロードボタンをクリックし、Windows版のT-DASHアプリをダウンロードしてインストールします。
インストール後、ライセンス認証が要求されたら左にあるライセンス管理からライセンスキーをコピペします。
3. テスト作成
3-1.プロジェクト作成
T-DASHを起動し、プロジェクトを作成します。
3-2. テスト対象のWebサイトを指定
画面定義から画面を追加するボタンをクリックします。
追加した画面を選択後、URLを記入&テストしたいボタンを指定し、保存ボタンをクリックします。
ボタンの指定方法は、htmlのタグを追う感じで書けばいいみたいです。
この例だと//html/body/main/div[2]/a[3]なので、<html> <body> <main>内の、2番目の<div>内の、3番目の<a>ということになります。
<html>
<body>
<main>
<div>
</div>
<div>
<a>
</a>
<a>
</a>
<a>
<!-- ここのボタン -->
</a>
</div>
</main>
</body>
</html>
3-2.テスト内容の記述
テストスイート・テストケースを作成します。
次に、テスト内容を記述します。
テスト内容としては、
- 先ほど定義した画面のURLを開く
- 先ほど定義したQiitaボタンをクリックする
- Qiitaのページが表示されているか検証する
というシンプルなものになってます。
4. テスト実行
コマンドラインを使ったやり方について解説します。
4-1. コマンド実行に必要なexeファイルをダウンロード
ログインページからbeta版をダウンロードし、ダウンロードしたtdashbeta.exeを適当なフォルダに移動させます。
tdashbeta.exeがあるフォルダに移動し、コマンドプロンプトから以下を実行します。
tdashbeta.exe setup
4-2. テスト実行の事前準備
コマンド実行時に必要なテストランを作成します。
3-2で作成したテストスイートを追加し保存します。
4-3. テスト内容をPCに取り込む
4-2で作成したテストランをエクスポート&エクスポートしたフォルダを表示します。
表示されたsyncフォルダを、4-1で作成された以下のフォルダに移動させます。
[tdashbeta.exeを配置したフォルダ]\projects\commandlinetestrun
4-3. テスト実行
コマンドプロンプトでテストを実行させます。テストラン名は4-2で作成したテストランの名称です。
tdashbeta.exe testrun テストラン名
5. テスト結果表示
以下のhtmlファイルを開くとにテスト結果が表示されます！！
[tdashbeta.exeを配置したフォルダ]\projects\commandlinetestrun\reports\コマンドライン実行用プロジェクト_20230719_XXXXXX
テスト結果は全部成功してました😊
さいごに
テスト自動化ツールを使用すること自体初めてでしたが、比較的簡単に導入することができました！！日本語によるテスト作成&コードを書かずにテスト自動化出来たのは非常に楽でした！
いいね、ストック宜しくお願いします🙇♂️🙇♂️