Use playwright-monaco for testing

remcohaszing · Aug 25, 2023 · 42321c1 · 42321c1
1 parent 8387bfe
commit 42321c1
Show file tree

Hide file tree

Showing 10 changed files with 241 additions and 137 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,7 @@ dist/
 node_modules/
 test/out/
 playwright-report/
+test-results/
 /index.js
 /yaml.worker.js
 *.log

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -60,6 +60,7 @@
     "eslint": "^8.0.0",
     "eslint-config-remcohaszing": "^9.0.0",
     "monaco-editor": "^0.41.0",
+    "playwright-monaco": "^1.0.0",
     "remark-cli": "^11.0.0",
     "remark-preset-remcohaszing": "^1.0.0",
     "typescript": "^5.0.0",

diff --git a/playwright.config.ts b/playwright.config.ts
@@ -1,12 +1,14 @@
-import { type PlaywrightTestConfig } from '@playwright/test'
+import { defineConfig } from '@playwright/test'
+import { createServer } from 'playwright-monaco'
 
-const config: PlaywrightTestConfig = {
-  reporter: 'html',
-  timeout: 120_000,
-  webServer: {
-    command: 'node test/serve.js',
-    port: 3000,
-    reuseExistingServer: !process.env.CI
+export default defineConfig({
+  expect: { timeout: 10_000 },
+  timeout: 60_000,
+  use: {
+    baseURL: await createServer({
+      setup: './test/setup',
+      yaml: './yaml.worker'
+    }),
+    colorScheme: 'dark'
   }
-}
-export default config
+})
diff --git a/test/build.js b/test/build.js
diff --git a/test/index.html b/test/index.html
diff --git a/test/index.ts b/test/index.ts