Increase timeout

README.md

@@ -8,6 +8,15 @@
   whyframe
 </h1>
 
+<p align="center">
+  <a href="https://github.com/bluwy/whyframe/actions/workflows/ci.yml">
+    <img src="https://github.com/bluwy/whyframe/actions/workflows/ci.yml/badge.svg" alt="ci" />
+  </a>
+  <a href="https://whyframe.dev/chat">
+    <img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat">
+  </a>
+</p>
+
 `whyframe` enables rendering any UI framework markup within an `iframe`, including Svelte, Vue, Solid, Preact, and React. Simply:
 
 <!-- prettier-ignore -->

tests/testUtils.js

@@ -4,6 +4,8 @@ import { execa, execaCommand } from 'execa'
 import treeKill from 'tree-kill'
 
 const killPid = promisify(treeKill)
+const beforeAllTimeout = process.env.CI ? 60000 : 30000
+const waitUrlTimeout = process.env.CI ? 30000 : 15000
 
 export const isDev = !process.env.TEST_BUILD
 export const isBuild = !!process.env.TEST_BUILD
@@ -21,6 +23,7 @@ function setupDevServer() {
   let cp
 
   test.beforeAll(async ({ request }, info) => {
+    test.setTimeout(beforeAllTimeout)
     const cwd = info.project.testDir
     const url = info.project.use.baseURL
     const port = url.split(':').pop()
@@ -41,6 +44,7 @@ function setupPreviewServer() {
   let cp
 
   test.beforeAll(async ({ request }, info) => {
+    test.setTimeout(beforeAllTimeout)
     const cwd = info.project.testDir
     const url = info.project.use.baseURL
     const port = url.split(':').pop()
@@ -64,7 +68,7 @@ function setupPreviewServer() {
 async function waitUrlReady(url, request) {
   let timeout
   const timeoutPromise = new Promise((_, reject) => {
-    timeout = setTimeout(() => reject(`Timeout for ${url}`), 20000)
+    timeout = setTimeout(() => reject(`Timeout for ${url}`), waitUrlTimeout)
   })
 
   let interval