test: increase e2e tests timeout

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 import mocks from './commits.mock'
 
 describe('e2e: commits', () => {
@@ -46,11 +46,19 @@ describe('e2e: commits', () => {
     expect(await count('li .message')).toBe(3)
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testCommits('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testCommits('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })

packages/vue/examples/__tests__/e2eUtils.ts

@@ -1,5 +1,7 @@
 import puppeteer from 'puppeteer'
 
+export const E2E_TIMEOUT = 30 * 1000
+
 const puppeteerOptions = process.env.CI
   ? { args: ['--no-sandbox', '--disable-setuid-sandbox'] }
   : {}

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 
 interface TableData {
   name: string
@@ -103,11 +103,19 @@ describe('e2e: grid', () => {
     expect(await count('p')).toBe(1)
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testGrid('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testGrid('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 
 describe('e2e: markdown', () => {
   const { page, isVisible, value, html } = setupPuppeteer()
@@ -26,11 +26,19 @@ describe('e2e: markdown', () => {
     )
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testMarkdown('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testMarkdown('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 
 declare const globalStats: {
   label: string
@@ -66,11 +66,19 @@ describe('e2e: svg', () => {
     await assertStats(6)
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testSvg('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testSvg('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 
 describe('e2e: todomvc', () => {
   const {
@@ -169,11 +169,19 @@ describe('e2e: todomvc', () => {
     expect(await count('.todo:not(.completed)')).toBe(3)
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testTodomvc('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testTodomvc('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })

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

@@ -1,5 +1,5 @@
 import path from 'path'
-import { setupPuppeteer } from './e2eUtils'
+import { setupPuppeteer, E2E_TIMEOUT } from './e2eUtils'
 
 describe('e2e: tree', () => {
   const { page, click, count, text, children, isVisible } = setupPuppeteer()
@@ -97,11 +97,19 @@ describe('e2e: tree', () => {
     )
   }
 
-  test('classic', async () => {
+  test(
+    'classic',
+    async () => {
       await testTree('classic')
-  })
+    },
+    E2E_TIMEOUT
+  )
 
-  test('composition', async () => {
+  test(
+    'composition',
+    async () => {
       await testTree('composition')
-  })
+    },
+    E2E_TIMEOUT
+  )
 })