chore(puppeteer): upgrade puppeteer (#4019)

* chore(puppeteer): upgrade puppeteer

* fix(tests): fix typescript error with puppeteer 5.X types

Co-authored-by: bas <[email protected]>

Author: basvanmeurs

package.json

@@ -52,7 +52,7 @@
     "@types/hash-sum": "^1.0.0",
     "@types/jest": "^26.0.16",
     "@types/node": "^14.10.1",
-    "@types/puppeteer": "^2.0.0",
+    "@types/puppeteer": "^5.0.0",
     "@typescript-eslint/parser": "^4.1.1",
     "brotli": "^1.3.2",
     "chalk": "^4.1.0",
@@ -67,7 +67,7 @@
     "minimist": "^1.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "~1.14.0",
-    "puppeteer": "^2.0.0",
+    "puppeteer": "^10.0.0",
     "rollup": "~2.38.5",
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-globals": "^1.4.0",

packages/vue/__tests__/Transition.spec.ts

@@ -29,7 +29,7 @@ describe('e2e: Transition', () => {
 
   beforeEach(async () => {
     await page().goto(baseUrl)
-    await page().waitFor('#app')
+    await page().waitForSelector('#app')
   })
 
   describe('transition with v-if', () => {

packages/vue/__tests__/TransitionGroup.spec.ts

@@ -21,7 +21,7 @@ describe('e2e: TransitionGroup', () => {
 
   beforeEach(async () => {
     await page().goto(baseUrl)
-    await page().waitFor('#app')
+    await page().waitForSelector('#app')
   })
 
   test(

packages/vue/__tests__/e2eUtils.ts

@@ -108,7 +108,7 @@ export function setupPuppeteer() {
     await page.$eval(
       selector,
       (node, value) => {
-        ;(node as HTMLInputElement).value = value
+        ;(node as HTMLInputElement).value = value as string
         node.dispatchEvent(new Event('input'))
       },
       value

packages/vue/examples/__tests__/commits.spec.ts

@@ -28,7 +28,7 @@ describe('e2e: commits', () => {
     })
 
     await page().goto(baseUrl)
-    await page().waitFor('li')
+    await page().waitForSelector('li')
     expect(await count('input')).toBe(2)
     expect(await count('label')).toBe(2)
     expect(await text('label[for="master"]')).toBe('master')

packages/vue/examples/__tests__/grid.spec.ts

@@ -28,7 +28,7 @@ describe('e2e: grid', () => {
     )}`
 
     await page().goto(baseUrl)
-    await page().waitFor('table')
+    await page().waitForSelector('table')
     expect(await count('th')).toBe(2)
     expect(await count('th.active')).toBe(0)
     expect(await text('th:nth-child(1)')).toContain('Name')

packages/vue/examples/__tests__/svg.spec.ts

@@ -77,7 +77,7 @@ describe('e2e: svg', () => {
     )}`
 
     await page().goto(baseUrl)
-    await page().waitFor('svg')
+    await page().waitForSelector('svg')
     expect(await count('g')).toBe(1)
     expect(await count('polygon')).toBe(1)
     expect(await count('circle')).toBe(1)