chore: migrate from Cypress to Playwright

- Remove Cypress dependencies and configuration
- Add Playwright with serve for testing built files
- Convert all 13 test cases to Playwright syntax
- Update CI workflow to install Playwright browsers
- Add Playwright artifacts upload to CI
- All tests passing

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: christopherthielen

.github/workflows/ci.yml

@@ -27,7 +27,16 @@ jobs:
           git config --global user.name uirouter_github_actions
       - name: Install Dependencies
         run: yarn install --pure-lockfile
+      - name: Install Playwright Browsers
+        run: npx playwright install chromium
       - name: Check Peer Dependencies
         run: npx check-peer-dependencies
       - name: Run Tests
         run: yarn ${{ matrix.yarncmd }}
+      - name: Upload Playwright Report
+        uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.gitignore

@@ -1,5 +1,8 @@
 node_modules/
 **/.*
-cypress/screenshots
-cypress/videos
 yarn-error.log
+
+# Playwright
+/test-results/
+/playwright-report/
+/playwright/.cache/

cypress.json

@@ -6,8 +6,9 @@
     "clean": "rimraf docs",
     "start": "NODE_ENV=development webpack serve --config webpack.config.js",
     "build": "npm run clean && mkdirp docs && cp index.html docs/index.html && NODE_ENV=production webpack",
-    "test": "npm run build && cypress-runner run --path docs",
-    "test:open": "npm run build && cypress-runner open --path docs",
+    "test": "npm run build && playwright test",
+    "test:ui": "npm run build && playwright test --ui",
+    "test:report": "playwright show-report",
     "gh-pages": "npm run build && git add docs && git commit -m 'update github pages' docs && git push"
   },
   "author": "",
@@ -26,15 +27,17 @@
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.9",
     "@babel/preset-react": "^7.14.5",
-    "@uirouter/cypress-runner": "^1.1.0",
+    "@playwright/test": "^1.48.0",
     "autoprefixer": "^10.4.23",
     "babel-loader": "^10.0.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "copy-webpack-plugin": "^13.0.1",
     "css-loader": "^7.1.2",
+    "mkdirp": "^3.0.1",
     "postcss-load-config": "^6.0.1",
     "postcss-loader": "^8.2.0",
     "rimraf": "^6.1.2",
+    "serve": "^14.2.0",
     "style-loader": "^4.0.0",
     "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1",

cypress/fixtures/example.json

@@ -0,0 +1,31 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests',
+  testMatch: '**/*.spec.js',
+  timeout: 30000,
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  reporter: [['html'], ['list']],
+
+  use: {
+    baseURL: 'http://localhost:4000',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+
+  webServer: {
+    command: 'npx serve docs -l 4000',
+    port: 4000,
+    timeout: 120000,
+    reuseExistingServer: !process.env.CI,
+  },
+});