From cfd00c0baf35ff396a497f7c59751a116afce3d0 Mon Sep 17 00:00:00 2001
From: jfgreffier <jfgreffier@users.noreply.github.com>
Date: Tue, 5 Jul 2022 20:12:02 +0200
Subject: [PATCH] docs: Add Vitest example (#15356)

---
 docs/src/test-runners-js.md | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/docs/src/test-runners-js.md b/docs/src/test-runners-js.md
index 716c67f7f9..85e8f41e3a 100644
--- a/docs/src/test-runners-js.md
+++ b/docs/src/test-runners-js.md
@@ -91,6 +91,35 @@ it('should work', async () => {
   assert.equal(await page.title(), 'Example Domain');
 });
 ```
+
+## Vitest
+
+Vitest looks very similar to the Jest/Jasmine setup, and functions in the same way.
+
+```
+import { chromium } from 'playwright';
+import { afterAll, afterEach, beforeAll, beforeEach, expect, test } from 'vitest';
+let browser;
+let page;
+beforeAll(async () => {
+  browser = await chromium.launch();
+});
+afterAll(async () => {
+  await browser.close();
+});
+beforeEach(async () => {
+  page = await browser.newPage();
+});
+afterEach(async () => {
+  await page.close();
+});
+
+test('should work', async () => {
+  await page.goto('https://www.example.com/');
+  expect(await page.title()).toBe('Example Domain');
+});
+```
+
 ## Multiple Browsers
 
 These simple examples can be extended to support multiple browsers using an environment variable.