feat: update playwright

Author: xiaoyu2er

apps/docs/playwright.config.ts

@@ -11,7 +11,7 @@ export default defineConfig({
   reporter: 'html',
   use: {
     baseURL: 'http://localhost:7878',
-    trace: 'on-first-retry',
+    trace: 'retain-on-failure',
   },
   projects: [
     {

apps/docs/tests/e2e/static-routes.spec.ts

@@ -1,16 +1,21 @@
 import { expect, test } from '@playwright/test';
-import { getAllStaticRoutes } from './utils/static-routes';
+import { getRoutesByType } from './utils/static-routes';
 
-test.describe('All routes should return 200', () => {
-  const sampleRoutes = getAllStaticRoutes();
+test.describe('Static routes', () => {
+  const routes = getRoutesByType();
 
   // biome-ignore lint/complexity/noForEach: <explanation>
-  sampleRoutes.forEach((route) => {
-    test(`${route.url}`, async ({ page }) => {
-      console.log(`Testing route: ${route.url}`);
-      const response = await page.goto(route.url);
-      expect(response?.status()).toBe(200);
-      await expect(page.locator('body')).toBeVisible();
+  Object.entries(routes).forEach(([type, sampleRoutes]) => {
+    test.describe(type, () => {
+      // biome-ignore lint/complexity/noForEach: <explanation>
+      sampleRoutes.forEach((route) => {
+        test(`${route.url}`, async ({ page }) => {
+          console.log(`Testing route: ${route.url}`);
+          const response = await page.goto(route.url);
+          expect(response?.status()).toBe(200);
+          await expect(page.locator('body')).toBeVisible();
+        });
+      });
     });
   });
 });

apps/docs/tests/e2e/utils/static-routes.ts

@@ -64,51 +64,19 @@ export function getRoutesByType() {
   const allRoutes = getAllStaticRoutes();
 
   return {
-    docs: allRoutes.filter((route) => route.type === 'docs'),
-    blog: allRoutes.filter((route) => route.type === 'blog'),
-    learn: allRoutes.filter((route) => route.type === 'learn'),
-    all: allRoutes,
+    '/docs/13': allRoutes.filter(
+      (route) => route.type === 'docs' && route.url.startsWith('/docs/13'),
+    ),
+    '/docs/14': allRoutes.filter(
+      (route) => route.type === 'docs' && route.url.startsWith('/docs/14'),
+    ),
+    '/docs': allRoutes.filter(
+      (route) =>
+        route.type === 'docs' &&
+        !route.url.startsWith('/docs/13') &&
+        !route.url.startsWith('/docs/14'),
+    ),
+    '/blog': allRoutes.filter((route) => route.type === 'blog'),
+    '/learn': allRoutes.filter((route) => route.type === 'learn'),
   };
 }
-
-/**
- * Get a sample of routes for quick testing
- */
-export function getSampleRoutes(limit = 10): StaticRoute[] {
-  const routes = getAllStaticRoutes();
-
-  // Get a balanced sample from each type
-  const sampleSize = Math.ceil(limit / 3);
-  const routesByType = getRoutesByType();
-
-  return [
-    ...routesByType.docs.slice(0, sampleSize),
-    ...routesByType.blog.slice(0, sampleSize),
-    ...routesByType.learn.slice(0, sampleSize),
-  ].slice(0, limit);
-}
-
-/**
- * Clean URL by removing fragments that might cause navigation issues
- */
-export function cleanUrl(url: string): string {
-  // Remove URL fragments (#) that can cause timeouts in tests
-  return url.split('#')[0];
-}
-
-/**
- * Check if a URL has fragments that might cause navigation issues
- */
-export function hasUrlFragments(url: string): boolean {
-  return url.includes('#');
-}
-
-/**
- * Get routes suitable for e2e testing (clean URLs without fragments)
- */
-export function getTestableRoutes(): StaticRoute[] {
-  return getAllStaticRoutes().map((route) => ({
-    ...route,
-    url: cleanUrl(route.url),
-  }));
-}