はじめに
前提）KatalonStudioを使用したWebテスト
テストのキャプチャを動画で取得したい場合、Katalonには2種類のビデオキャプチャが用意されています。
-
画面ベースのビデオキャプチャ
画面全体を動画にします。デスクトップや別ウィンドウで何か操作をしている場合動画に映ります。
ヘッドレス実行は映りません。並列実行は記録できません。 -
ブラウザベースのビデオキャプチャ
自動テストをしているブラウザ内を動画にします。ヘッドレス実行の場合も状況が見える動画にすることができます。
新規ウィンドウ、タブ切り替えなどに弱いです。並列実行を記録できます。
画面ベースのビデオキャプチャを取得する
プロジェクトの設定
Project>Settings>Executionを開きます
Record Video during execution.をONにします
Screen Recorderを選択します
動画取得するタイミングについて選択します
Record if test case passed - テストが成功のとき
Record if test case failed - テストが失敗のとき
動画ファイルの拡張子を選択します
AVI - windowsで再生する場合おすすめ
MOV - macで再生する場合おすすめ
動画ファイルの画質を選択します
Low - 低
Medium - 中
High - 高
こだわらなければファイルサイズの軽い「低」がおすすめされています。
忘れずにApply and Close（設定を保存して閉じる）をクリックして設定終了します。
これでTestSuite、TestCollectionを実行した場合に動画のキャプチャを取得できます。（TestCase実行のときは動画キャプチャは取得しません）
取得した動画を再生する
動画の再生にはK-Lite codecというアプリケーションが推奨されています。
他のアプリケーションでも再生ができましたが、推奨アプリケーションだとTestCase内にテストの説明を記載している場合、字幕のように説明表示が見れました。
以下に動画再生までの流れを記載します。
TestSuite、またはTestCollectionを実行後Resultタブを確認します。
Videoのボタンが表示されるのでクリックします
以下のように動画確認できました。
ブラウザベースのビデオキャプチャを取得する
プロジェクトの設定
Project>Settings>Executionを開きます
Record Video during executionをONにします
Browser-based Recorderを選択します
動画取得するタイミングについて選択します
All Test Cases - テストの成功/失敗に関わらず全ての結果を記録
Only failed Test Cases - テストが失敗のときのみを記録
ブラウザの設定をします
Desired Capabilities > Web UIを開き、使用ブラウザを選択します。
（Chrome、 Chrome Headless、 Edge Chromiumのいずれか）
AddボタンをクリックしてListタイプの変数argsを追加、中に
--window-size=1500,1000,--remote-allow-origins=*の値を設定します。
忘れずにApply and Close（設定を保存して閉じる）をクリックして設定終了します。
FFmpegをインストールします。
-
FFmpeg ダウンロードページへ行きます
-
Windows用パッケージをダウンロードします
-
FFmpeg実行ファイルへのパスを環境変数に追加します
-
Katalon Studioを開き直します
これでTestSuite、TestCollectionを実行した場合に動画のキャプチャを取得できます。（TestCase実行のときは動画キャプチャは取得しません）
新規タブの録画ができない
ブラウザベースのビデオを再生したところ、サイトで新規タブなどを開いて操作した際に古いタブを見たままで新規タブの録画がされませんでした。この件について、解決方法などが分かれば記載したく思います。
以上、お疲れ様でした。