[React][Svelte][Vue] Add E2E tests

apps/e2e/assets/react/.gitignore

@@ -0,0 +1 @@
+node_modules

apps/e2e/assets/react/build/controllers/Hello.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function (props) {
+  return /*#__PURE__*/React.createElement("div", null, "Hello ", props.name, " from React");
+}

apps/e2e/assets/react/package.json

@@ -0,0 +1,12 @@
+{
+    "private": true,
+    "license": "MIT",
+    "devDependencies": {
+        "@babel/cli": "^7.25.6",
+        "@babel/core": "^7.25.2",
+        "@babel/preset-react": "^7.24.7"
+    },
+    "scripts": {
+        "build": "babel ./src/ --out-dir ./build/ --presets=@babel/preset-react --no-babelrc"
+    }
+}

apps/e2e/assets/react/controllers/Hello.jsx.ignore → apps/e2e/assets/react/src/controllers/Hello.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
 export default function (props) {
-    return <div>Hello {props.fullName}</div>;
+    return <div>Hello {props.name} from React</div>;
 }

apps/e2e/assets/svelte/.gitignore

@@ -0,0 +1 @@
+node_modules

apps/e2e/assets/svelte/build.mjs

@@ -0,0 +1,17 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import {globSync} from 'tinyglobby'
+import {compile} from 'svelte/compiler';
+
+globSync('src/**/*.svelte')
+    .forEach((file) => {
+        const builtFile = file.replace('src/', 'build/').replace('.svelte', '.js')
+        console.log(`Building ${file} to ${builtFile}...`)
+
+        const result = compile(fs.readFileSync(file, 'utf8'), {
+            format: 'esm',
+        });
+
+        fs.mkdirSync(path.dirname(builtFile), { recursive: true })
+        fs.writeFileSync(builtFile, result.js.code);
+    });

apps/e2e/assets/svelte/build/controllers/Hello.js

@@ -0,0 +1,62 @@
+/* generated by Svelte v3.59.2 */
+import {
+	SvelteComponent,
+	append,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_data,
+	text
+} from "svelte/internal";
+
+function create_fragment(ctx) {
+	let div;
+	let t0;
+	let t1;
+	let t2;
+
+	return {
+		c() {
+			div = element("div");
+			t0 = text("Hello ");
+			t1 = text(/*name*/ ctx[0]);
+			t2 = text(" from Svelte");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, t0);
+			append(div, t1);
+			append(div, t2);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*name*/ 1) set_data(t1, /*name*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { name = "Svelte" } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('name' in $$props) $$invalidate(0, name = $$props.name);
+	};
+
+	return [name];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { name: 0 });
+	}
+}
+
+export default Component;