fix chromatic save/upload (#3927)

* try adding back some params

* raise timeout

* update chromatic version

* fix typo

* use chromatic imports

* update gitignore

* slim down the config file

* update readme

---------

Co-authored-by: Richard Kuo (Danswer) <rkuo@onyx.app>

web/tests/e2e/admin_auth.setup.ts

@@ -1,5 +1,5 @@
 // dependency for all admin user tests
-import { test as setup } from "@playwright/test";
+import { test as setup } from "@chromatic-com/playwright";
 
 setup("authenticate as admin", async ({ browser }) => {
   const context = await browser.newContext({ storageState: "admin_auth.json" });

web/tests/e2e/admin_oauth_redirect_uri.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from "@chromatic-com/playwright";
 
 test.use({ storageState: "admin_auth.json" });
 

web/tests/e2e/admin_pages.spec.ts

@@ -1,5 +1,5 @@
-import { test, expect } from "@playwright/test";
-import chromaticSnpashots from "./chromaticSnpashots.json";
+import { test, expect } from "@chromatic-com/playwright";
+import chromaticSnapshots from "./chromaticSnapshots.json";
 import type { Page } from "@playwright/test";
 
 test.use({ storageState: "admin_auth.json" });
@@ -39,7 +39,7 @@ async function verifyAdminPageNavigation(
   }
 }
 
-for (const chromaticSnapshot of chromaticSnpashots) {
+for (const chromaticSnapshot of chromaticSnapshots) {
   test(`Admin - ${chromaticSnapshot.name}`, async ({ page }) => {
     await verifyAdminPageNavigation(
       page,

web/tests/e2e/chat/current_assistant.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from "@chromatic-com/playwright";
 import { dragElementAbove, dragElementBelow } from "../utils/dragUtils";
 import { loginAsRandomUser } from "../utils/auth";
 

web/tests/e2e/chat/live_assistant.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from "@chromatic-com/playwright";
 import { loginAsRandomUser } from "../utils/auth";
 import {
   navigateToAssistantInHistorySidebar,

web/tests/e2e/chat/llm_ordering.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from "@chromatic-com/playwright";
 import { loginAsRandomUser } from "../utils/auth";
 import {
   navigateToAssistantInHistorySidebar,

web/tests/e2e/utils/chatActions.ts

@@ -1,5 +1,5 @@
 import { Page } from "@playwright/test";
-import { expect } from "@playwright/test";
+import { expect } from "@chromatic-com/playwright";
 
 export async function navigateToAssistantInHistorySidebar(
   page: Page,