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 |