Taking screenshots in Electron and Chrome

[bahmutov]

and storing them as artifacts and printing image dimensions for #88

[bahmutov]

Some numbers from action https://github.com/cypress-io/github-action/runs/456437849?check_suite_focus=true

Electron,

Run npx image-size cypress/screenshots/**/*.png
1000x4823 - cypress/screenshots/spec.js/fullPage.png (png)
1280x720 - cypress/screenshots/spec.js/runner.png (png)
1000x660 - cypress/screenshots/spec.js/viewport.png (png)

Chrome headed

1000x4823 - cypress/screenshots/spec.js/fullPage.png (png)
1280x604 - cypress/screenshots/spec.js/runner.png (png)
1000x604 - cypress/screenshots/spec.js/viewport.png (png)

Chrome headless

1000x4823 - cypress/screenshots/spec.js/fullPage.png (png)
1280x720 - cypress/screenshots/spec.js/runner.png (png)
1000x660 - cypress/screenshots/spec.js/viewport.png (png)

See file examples/chrome/cypress/plugins/index.js

const os = require('os')
module.exports = on => {
  on('before:browser:launch', (browser, launchOptions) => {
    console.log('before launching browser')
    console.log(browser)

    if (browser.name === 'chrome') {
      // https://www.ghacks.net/2013/10/06/list-useful-google-chrome-command-line-switches/
      launchOptions.args.push('--window-size=1280,720')

      console.log('chrome launch args:')
      console.log(launchOptions.args.join(os.EOL))
      return launchOptions
    }
  })
}

[bahmutov]

Note: when we spawn XVFB ourselves, we use https://github.com/cypress-io/cypress/blob/9ac5fe3935a3ab3c527218721d881e70d4caf450/cli/lib/exec/xvfb.js#L14 1280x1024

[bahmutov]

Note, by using --window-size=1280,1024 I could get entire runner with the same resolution

1000x4823 - cypress/screenshots/spec.js/fullPage.png (png)
1280x1024 - cypress/screenshots/spec.js/runner.png (png)
1000x660 - cypress/screenshots/spec.js/viewport.png (png)

[github-actions]

🎉 This PR is included in version 1.23.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀