feat(playwright-cli): add comprehensive test generation, tracing, and video recording documentation

- Introduced detailed documentation for test generation workflow in Playwright CLI, covering planning, generating, and healing tests.
- Added tracing capabilities documentation, including usage, output files, and best practices for debugging and performance analysis.
- Included video recording instructions, emphasizing best practices for capturing browser automation sessions with chapter markers and overlays.
- Implemented user tutorial authentication setup and tutorial tests for parent mode in the E2E testing framework.
- Created JSON files for user tutorial state management, ensuring isolated test environments.

frontend/playwright.config.ts

@@ -4,6 +4,7 @@ import {
   STORAGE_STATE_NO_PIN,
   STORAGE_STATE_DELETE,
   STORAGE_STATE_CC,
+  STORAGE_STATE_TUTORIAL,
 } from './e2e/e2e-constants'
 
 /**
@@ -48,6 +49,12 @@ export default defineConfig({
     // Depends on 'setup' because e2e-seed (run in setup) truncates all users first.
     { name: 'setup-delete', testMatch: /auth-delete\.setup\.ts/, dependencies: ['setup'] },
     { name: 'setup-cc', testMatch: /auth-cc\.setup\.ts/, dependencies: ['setup'] },
+    {
+      name: 'setup-tutorial',
+      testMatch: /auth-tutorial\.setup\.ts/,
+      // Depends on setup because e2e-seed truncates all users first.
+      dependencies: ['setup'],
+    },
 
     {
       // Bucket A: child-options tests — run before create-child so that
@@ -170,6 +177,15 @@ export default defineConfig({
       testMatch: [/mode_parent\/user-profile\/delete-account\.spec\.ts/],
     },
 
+    {
+      // Bucket: tutorial system tests — uses an isolated user so tutorial
+      // enabled/progress state never interferes with other buckets.
+      name: 'chromium-tutorial',
+      use: { ...devices['Desktop Chrome'], storageState: STORAGE_STATE_TUTORIAL },
+      dependencies: ['setup-tutorial'],
+      testMatch: [/mode_parent\/tutorial\/.+\.spec\.ts/],
+    },
+
     {
       name: 'chromium-tasks-rewards',
       use: { ...devices['Desktop Chrome'], storageState: STORAGE_STATE },
@@ -186,6 +202,7 @@ export default defineConfig({
         /mode_parent\/chore-scheduler\//,
         /mode_parent\/notifications\//,
         /mode_parent\/routines\//,
+        /mode_parent\/tutorial\//,
       ],
     },