Web-test-runner-screenshot

This is a web-test-runner plugin to capture screenshots during regular tests in playwright.

Usage

npm install --save-dev web-test-runner-screenshot

In your web-test-runner file

import { takeScreenshotPlugin } from 'web-test-runner-screenshot/plugin';

export default {
    ...
    plugins: {
        ...
        takeScreenshotPlugin(),
    }
}

In your test file

import { makeScreenshot } from 'web-test-runner-screenshot';

Inside your test

      it('My awesome test', async () => {
        // My webcomponent test
        expect(true).to.be.true;
        await makeScreenshot({ name: 'my_screenshot-filename' });
      });

Or make it automatically to every test in your afterEach, based on the test title

  afterEach(async function () { // Note that you can't use arrow function because you lose the currentTest context
    await makeScreenshot({ name: this.currentTest.title });
  });

Parameters

makeScreenshot accepts a configuration parameter with the following options

Parameter	Type	Description	Default value	Mandatory
name	string	name of the file	-	yes
browser	boolean	append the browser context to the file name	false	no
folder	string	folder to store the screenshots	evidences	no