Playwright Custom Annotations

The playwright can add custom metadata in the form of annotations. There comes a time when we need to create a custom reporter with some extra information added. With playwright, this is possible by using custom annotations to our tests.

Key-value pairs are done via test.info().annotations.

Syntax:

test('Alert', async ({ page }) => {
 test.info().annotations.push({ type: 'issue', description: 'some issue description' });
 // ...
});

Example:

test.info().annotations.push({ type: 'issue', description: 'Check Alert Popup' })
await page.goto("http://autopract.com/selenium/alert2/#");
await page.locator("tbody tr:nth-child(2) td:nth-child(3) a:nth-child(1)").click()
await page.on('dialog',dialog => dialog.accept())

Let us consider this test where we are pushing some info as custom annotations onto our report.

Annotations have many methods which can also be utilized.
Now let us check our HTML report.

We can see that the custom information has successfully been pushed into the report.