Update vitest/vscode config to support debugging. Switched from webdr…

…iver-io to playwright

.github/workflows/actions.yml

@@ -44,6 +44,10 @@ jobs:
         npm run report:versions
         npm run lint
 
+    - name: Install playwright Chromium
+      run: |
+        npx playwright install --with-deps chromium
+
     - name: Test
       shell: bash
       run: |

.vscode/extensions.json

@@ -2,6 +2,7 @@
   "recommendations": [
     "dbaeumer.vscode-eslint",
     "editorconfig.editorconfig",
+    "davidanson.vscode-markdownlint",
     "vitest.explorer"
   ]
 }

.vscode/launch.json

@@ -29,6 +29,27 @@
           "url": "http://localhost:20001",
           "webRoot": "${workspaceFolder}",
           "userDataDir": "${workspaceFolder}/.vscode/profile"
+        },
+        {
+          "type": "node",
+          "request": "launch",
+          "name": "Run Vitest Browser Debug",
+          "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+          "args": ["--watch", "--inspect-brk=20222", "--browser", "--no-file-parallelism"],
+          "console": "integratedTerminal"
+        },
+        {
+          "type": "chrome",
+          "request": "attach",
+          "name": "Attach to Playwright Chromium",
+          "port": 20222
         }
+    ],
+    "compounds": [
+      {
+        "name": "Debug Vitest Browser",
+        "configurations": ["Attach to Playwright Chromium", "Run Vitest Browser Debug"],
+        "stopAll": true
+      }
     ]
 }