Use the dev server for the Lite E2E test instead of the built version…

.changeset/chatty-tires-tan.md

@@ -0,0 +1,7 @@
+---
+"@gradio/app": minor
+"@gradio/tootils": minor
+"gradio": minor
+---
+
+feat:Use the dev server for the Lite E2E test instead of the built version…

.config/playwright.config.js

@@ -31,8 +31,8 @@ normal.projects = undefined; // Explicitly unset this field due to https://githu
 
 const lite = defineConfig(base, {
 	webServer: {
-		command: "python -m http.server 8000 --directory ../js/lite",
-		url: "http://localhost:8000/",
+		command: "pnpm --filter @gradio/app dev:lite",
+		url: "http://localhost:9876/lite.html",
 		reuseExistingServer: !process.env.CI
 	},
 	testMatch: [

.github/workflows/test-functional.yml

@@ -52,7 +52,6 @@ jobs:
         uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
         with:
           always_install_pnpm: true
-          build_lite: true
       - name: install outbreak_forecast dependencies
         run: |
           . venv/bin/activate

js/app/src/lite/dev/App.svelte

@@ -81,8 +81,12 @@ def hi(name):
 			playground: false,
 			layout: null
 		});
+		// @ts-ignore
+		window.controller = controller; // For Playwright
 	});
 	onDestroy(() => {
+		// @ts-ignore
+		window.controller = undefined;
 		controller.unmount();
 	});
 

js/app/vite.config.ts

@@ -49,13 +49,14 @@ export default defineConfig(({ mode }) => {
 	const production = mode === "production" || mode === "production:lite";
 	const development = mode === "development" || mode === "development:lite";
 	const is_lite = mode.endsWith(":lite");
+	const is_e2e_test = process.env.GRADIO_E2E_TEST_LITE;
 
 	return {
 		base: "./",
 
 		server: {
 			port: 9876,
-			open: is_lite ? "/lite.html" : "/"
+			open: is_e2e_test ? false : is_lite ? "/lite.html" : "/"
 		},
 
 		build: {

js/tootils/src/index.ts

@@ -37,7 +37,7 @@ const test_normal = base.extend<{ setup: void }>({
 	]
 });
 
-const lite_url = "http://localhost:8000/for_e2e.html";
+const lite_url = "http://localhost:9876/lite.html";
 // LIte taks a long time to initialize, so we share the page across tests, sacrificing the test isolation.
 let shared_page_for_lite: Page;
 const test_lite = base.extend<{ setup: void }>({