Playwright Custom Annotations

Profile picture for user arilio666

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('Alert', async ({ page }) => {{ type: 'issue', description: 'some issue description' });
 // ...

Example:{ type: 'issue', description: 'Check Alert Popup' })
await page.goto("");
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.