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

1import { takeScreenshotPlugin } from 'web-test-runner-screenshot/plugin';
2
3export default {
4    ...
5    plugins: {
6        ...
7        takeScreenshotPlugin(),
8    }
9}

In your test file

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

Inside your test

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

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

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

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