Merge branch 'main' into users/janechu/convert-tests-to-playwright

Author: janechu

change/@microsoft-fast-router-912e3230-516c-4d9a-ae8a-f6e57af19236.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Convert fast-router tests from karma to playwright",
+  "packageName": "@microsoft/fast-router",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

change/@microsoft-fast-ssr-346b1b62-2956-43f6-a8ab-6a5fd03526fd.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Tag SSR prerelease with latest",
+  "packageName": "@microsoft/fast-ssr",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/fast-router/.mocharc.json

@@ -27,23 +27,14 @@
     "doc:ci": "api-extractor run",
     "build": "tsc -p ./tsconfig.json && npm run doc",
     "dev": "tsc -p ./tsconfig.json -w",
-    "tdd": "npm run dev & npm run test-chrome:watch",
     "prepublishOnly": "npm run clean:dist && npm run build",
     "prettier": "prettier --config ../../.prettierrc --write \"**/*.ts\"",
     "prettier:diff": "prettier --config ../../.prettierrc \"**/*.ts\" --list-different",
     "eslint": "eslint . --ext .ts",
     "eslint:fix": "eslint . --ext .ts --fix",
-    "test": "npm run eslint && npm run test-chrome:verbose && npm run doc:ci",
-    "test-node": "nyc --reporter=lcov --reporter=text-summary --report-dir=coverage/node --temp-dir=coverage/.nyc_output mocha --reporter min --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
-    "test-node:verbose": "nyc --reporter=lcov --reporter=text-summary --report-dir=coverage/node --temp-dir=coverage/.nyc_output mocha --reporter spec --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
-    "test-chrome": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --single-run --coverage",
-    "test-chrome:verbose": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --single-run --coverage --reporter=mocha",
-    "test-chrome:watch": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --coverage --watch-extensions js",
-    "test-chrome:debugger": "karma start karma.conf.cjs --browsers=ChromeDebugging",
-    "test-chrome:verbose:watch": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --coverage --watch-extensions js --reporter=mocha",
-    "test-chrome:verbose:debugger": "karma start karma.conf.cjs --browsers=ChromeDebugging --reporter=mocha",
-    "test-firefox": "karma start karma.conf.cjs --browsers=FirefoxHeadless --single-run --coverage",
-    "test-firefox:verbose": "karma start karma.conf.cjs --browsers=FirefoxHeadless --single-run --coverage --reporter=mocha"
+    "test:playwright": "playwright test",
+    "test-server": "npx vite test/ --clearScreen false",
+    "test": "npm run eslint && npm run doc:ci && npm run test:playwright"
   },
   "dependencies": {
     "tslib": "^2.6.3"

packages/fast-router/karma.conf.cjs

@@ -0,0 +1,28 @@
+import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+    testDir: ".",
+    testMatch: "**/*.pw.spec.ts",
+    retries: 3,
+    // TODO: uncomment when further testing is added
+    // see: https://github.com/microsoft/fast/pull/7276
+    // projects: [
+    //     {
+    //         name: "chromium",
+    //         use: { ...devices["Desktop Chrome"] },
+    //     },
+    //     {
+    //         name: "firefox",
+    //         use: { ...devices["Desktop Firefox"] },
+    //     },
+    //     {
+    //         name: "webkit",
+    //         use: { ...devices["Desktop Safari"] },
+    //     },
+    // ],
+    // webServer: {
+    //     command: "npm run test-server",
+    //     port: 5173,
+    //     reuseExistingServer: true,
+    // },
+});