chore: update Playwright example (#2372)

vitest-dev · Nov 24, 2022 · 5d7463e · 5d7463e
1 parent aa6ee0f
commit 5d7463e
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 18 deletions.
diff --git a/examples/playwright/package.json b/examples/playwright/package.json
@@ -7,9 +7,9 @@
     "test:ui": "vite build && vitest --ui"
   },
   "devDependencies": {
-    "@playwright/test": "^1.23.4",
+    "@playwright/test": "^1.28.0",
     "@vitest/ui": "latest",
-    "playwright": "^1.23.4",
+    "playwright": "^1.28.0",
     "vite": "latest",
     "vitest": "latest"
   }

diff --git a/examples/playwright/src/index.ts b/examples/playwright/src/index.ts
@@ -1,6 +1,5 @@
 const root = document.createElement('div')
 const button = document.createElement('button')
-button.id = 'btn'
 
 let count = 0
 

diff --git a/examples/playwright/test/basic.test.ts b/examples/playwright/test/basic.test.ts
@@ -23,10 +23,10 @@ describe('basic', async () => {
     })
   })
 
-  test('should have the correct title', async () => {
+  test('should change count when button clicked', async () => {
     await page.goto('http://localhost:3000')
-    const button = page.locator('#btn')
-    await expect(button).toBeDefined()
+    const button = page.getByRole('button', { name: /Clicked/ })
+    await expect(button).toBeVisible()
 
     await expect(button).toHaveText('Clicked 0 time(s)')
 

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml