feat(e2e): enhance end-to-end testing setup with new scripts and capture cases

- Updated package.json to include new E2E scripts for execution and snapshot capturing.
- Added new capture cases for the "new-project-modal" and "start-new-chat" functionalities in the E2E tests.
- Increased wait times in session detail captures to ensure elements are fully loaded before interactions.
- Introduced new shell scripts for starting the server and capturing snapshots, improving the E2E testing workflow.
- Updated NewChatModal and SessionsTab components to include data-testid attributes for better test targeting.

e2e/utils/defineCapture.ts

@@ -26,34 +26,38 @@ export const defineCapture = (options: {
   ) => {
     await withPlaywright(
       async ({ context, cleanUp }) => {
-        const page = await context.newPage();
-        await page.goto(href);
+        try {
+          const page = await context.newPage();
+          await page.goto(href);
 
-        await page.waitForLoadState("domcontentloaded");
-        await page.waitForTimeout(1000);
+          await page.waitForLoadState("domcontentloaded");
+          await page.waitForTimeout(1000);
 
-        if (testCase) {
-          await testCase.setup(page);
+          if (testCase) {
+            await testCase.setup(page);
+          }
+
+          await page.waitForTimeout(1000);
+
+          const picturePath = testCase
+            ? resolve(
+                "e2e",
+                "snapshots",
+                ...paths,
+                testCase.name,
+                `${device.name}.png`,
+              )
+            : resolve("e2e", "snapshots", ...paths, `${device.name}.png`);
+
+          await page.screenshot({
+            path: picturePath,
+            fullPage: true,
+          });
+
+          console.log(`[captured] ${picturePath}`);
+        } finally {
+          await cleanUp();
         }
-
-        const picturePath = testCase
-          ? resolve(
-              "e2e",
-              "snapshots",
-              ...paths,
-              testCase.name,
-              `${device.name}.png`,
-            )
-          : resolve("e2e", "snapshots", ...paths, `${device.name}.png`);
-
-        await page.screenshot({
-          path: picturePath,
-          fullPage: true,
-        });
-
-        console.log(`[captured] ${picturePath}`);
-
-        await cleanUp();
       },
       {
         contextOptions: {

e2e/utils/withPlaywright.ts

@@ -1,5 +1,3 @@
-import { existsSync } from "node:fs";
-import path from "node:path";
 import {
   type Browser,
   type BrowserContext,
@@ -10,8 +8,6 @@ import {
 } from "playwright";
 import prexit from "prexit";
 
-const STORAGE_PATH = path.join(process.cwd(), ".user-data", "session.json");
-
 type PlaywrightContext = {
   context: BrowserContext;
   cleanUp: () => Promise<void>;
@@ -35,7 +31,6 @@ const useBrowser = (options: BrowserOptions) => {
       ...launchOptions,
     });
     context ??= await browser.newContext({
-      storageState: existsSync(STORAGE_PATH) ? STORAGE_PATH : undefined,
       ...contextOptions,
     });
 
@@ -63,9 +58,6 @@ export const withPlaywright = async <T>(
   })();
   let isClosed = false;
   const cleanUp = async () => {
-    await context.storageState({
-      path: STORAGE_PATH,
-    });
     await Promise.all(context.pages().map((page) => page.close()));
     await context.close();
     await browser.close();