Turn on experimental C3 tests for React & Vue (#11485)

* Turn on C3 tests for React & Vue

* Create old-bulldogs-wonder.md

Author: penalosa

.changeset/old-bulldogs-wonder.md

@@ -0,0 +1,5 @@
+---
+"create-cloudflare": minor
+---
+
+Add React & Vue to C3's experimental mode

packages/create-cloudflare/e2e/tests/cli/cli.test.ts

@@ -555,7 +555,7 @@ describe("Create Cloudflare CLI", () => {
 					    npm create cloudflare -- --framework next -- --ts
 					    pnpm create cloudflare --framework next -- --ts
 					    Allowed Values:
-					      gatsby, svelte, docusaurus, astro, tanstack-start, angular, solid, qwik
+					      gatsby, svelte, docusaurus, astro, tanstack-start, angular, solid, qwik, vue, react
 					  --platform=<value>
 					    Whether the application should be deployed to Pages or Workers. This is only applicable for Frameworks templates that support both Pages and Workers.
 					    Allowed Values:

packages/create-cloudflare/e2e/tests/frameworks/test-config.ts

@@ -818,6 +818,54 @@ function getExperimentalFrameworkTestConfig(
 			nodeCompat: true,
 			verifyTypes: false,
 		},
+		{
+			name: "vue:workers",
+			argv: ["--platform", "workers", "--ts"],
+			testCommitMessage: true,
+			unsupportedOSs: ["win32"],
+			verifyDeploy: {
+				route: "/",
+				expectedText: "Vite App",
+			},
+			verifyPreview: {
+				previewArgs: ["--host=127.0.0.1"],
+				route: "/",
+				expectedText: "Vite App",
+			},
+			nodeCompat: false,
+			verifyTypes: false,
+		},
+		{
+			name: "react:workers",
+			argv: ["--platform", "workers"],
+			promptHandlers: [
+				{
+					matcher: /Select a variant:/,
+					input: [keys.enter],
+				},
+			],
+			unsupportedOSs: ["win32"],
+			testCommitMessage: true,
+			verifyDeploy: {
+				route: "/",
+				// Note that this is the text in the static HTML that is returned
+				// This React SPA will change this at runtime but we are only making a fetch request
+				// not actually running the client side JS.
+				expectedText: "Vite + React + TS",
+			},
+			verifyPreview: {
+				route: "/",
+				// We need to run the preview on the specific IP address on which we make the request.
+				// By default `vite preview` runs on `localhost` that doesn't always include 127.0.0.1.
+				previewArgs: ["--host=127.0.0.1"],
+				// Note that this is the text in the static HTML that is returned
+				// This React SPA will change this at runtime but we are only making a fetch request
+				// not actually running the client side JS.
+				expectedText: "Vite + React + TS",
+			},
+			nodeCompat: false,
+			verifyTypes: false,
+		},
 	];
 }
 

packages/create-cloudflare/src/templates.ts

@@ -244,6 +244,8 @@ export function getFrameworkMap({ experimental = false }): TemplateMap {
 			angular: angularTemplate,
 			solid: solidTemplate,
 			qwik: qwikTemplate,
+			vue: vueTemplate,
+			react: reactTemplate,
 		};
 	} else {
 		return {