UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Cypress】Screenshotの設定

Cypressで画面のScreenshotを取得する

その際に、以下の設定を行いたいので設定の仕方を調査

  • Screenshot取得前に前回のファイルを消したい
  • Screenshotの出力先を変更したい
  • Screenshotを取得するタイミングを延ばしたい

docs.cypress.io

設定

やりたいこと 設定パラメータ名 初期値 概要
Screenshot取得前に前回のファイルを消したい trashAssetsBeforeRuns true テスト実行前にscreenshotsFoldervideosFolder内のアセッツを削除するか
Screenshotの出力先を変更したい screenshotsFolder cypress/screenshots cy.screenshot()の実行で保存されるscreenshotの保存先のパス
Screenshotを取得するタイミングを延ばしたい pageLoadTimeout 60000 時間はミリ秒単位。ページがloadイベントを発火させる次のコマンドの実行するまでの待機時間。page transition eventscy.visit(), cy.go(), cy.reload()。大きくしすぎるとOSのネットワーク制限でタイムアウトになる可能性いがある

これらをcypress.jsonで設定する

{
  "baseUrl": "https://my-app/",
  "screenshotsFolder": "results",
  "pageLoadTimeout": 120000,
  "trashAssetsBeforeRuns": true
}