test: add app browser coverage

packages/app/vitest.config.ts

@@ -15,7 +15,33 @@ export default defineConfig({
   test: {
     environment: "node",
     exclude: [...configDefaults.exclude, "e2e/**"],
-    setupFiles: [path.resolve(__dirname, "vitest.setup.ts")],
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: "unit",
+          environment: "node",
+          include: ["src/**/*.{test,spec}.{ts,tsx}"],
+          setupFiles: [path.resolve(__dirname, "vitest.setup.ts")],
+          exclude: [...configDefaults.exclude, "e2e/**", "src/**/*.browser.{test,spec}.{ts,tsx}"],
+        },
+      },
+      {
+        extends: true,
+        test: {
+          name: "browser",
+          include: ["src/**/*.browser.{test,spec}.{ts,tsx}"],
+          browser: {
+            enabled: true,
+            provider: "playwright",
+            headless: true,
+            connectTimeout: 180_000,
+            instances: [{ browser: "chromium" }],
+            screenshotDirectory: ".vitest-screenshots",
+          },
+        },
+      },
+    ],
     /**
      * Expo pulls in native tooling (xcode, etc.) that executes files relying on `process.send`.
      * Vitest's default worker pool uses worker_threads, which intentionally stub that API and
@@ -75,7 +101,11 @@ export default defineConfig({
         replacement: resolvePackageEntry("react-dom"),
       },
       {
-        find: "@xterm/addon-ligatures",
+        find: /^@xterm\/addon-ligatures\/lib\/addon-ligatures\.mjs$/,
+        replacement: path.resolve(__dirname, "test-stubs/xterm-addon-ligatures.ts"),
+      },
+      {
+        find: /^@xterm\/addon-ligatures$/,
         replacement: path.resolve(__dirname, "test-stubs/xterm-addon-ligatures.ts"),
       },
     ],