feat: add an minimal projet for devServer tests

iamspark1e · iamspark1e · commit 5f6d2f3e5379 · 2023-03-03T15:34:58.000+08:00
diff --git a/tests/example/src/page1/App.jsx b/tests/example/src/page1/App.jsx
@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import "./assets/index.css"
+function App() {
+    const [count, setCount] = useState(0)
+    return (
+        <div className="App">
+            <button onClick={() => setCount((count) => count + 1)}>
+                count is {count}
+            </button>
+        </div>
+    )
+}
+export default App
diff --git a/tests/example/src/page1/assets/index.css b/tests/example/src/page1/assets/index.css
@@ -0,0 +1 @@
+:root{background-color:#fff}
diff --git a/tests/example/src/page1/config.json b/tests/example/src/page1/config.json
@@ -0,0 +1,3 @@
+{
+    "template": "tests/example/templates/tpl.html"
+}
diff --git a/tests/example/src/page1/main.jsx b/tests/example/src/page1/main.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+)
diff --git a/tests/example/src/page2/App.jsx b/tests/example/src/page2/App.jsx
@@ -0,0 +1,12 @@
+import { useState } from 'react'
+function App() {
+    const [count, setCount] = useState(0)
+    return (
+        <div className="App">
+            <button onClick={() => setCount((count) => count + 1)}>
+                count is {count}
+            </button>
+        </div>
+    )
+}
+export default App
diff --git a/tests/example/src/page2/config.json b/tests/example/src/page2/config.json
@@ -0,0 +1,3 @@
+{
+    "template": "tests/example/templates/tpl.html"
+}
diff --git a/tests/example/src/page2/main.jsx b/tests/example/src/page2/main.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+)
diff --git a/tests/example/templates/tpl.html b/tests/example/templates/tpl.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Minimal React Vite Project</title>
+</head>
+
+<body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+</body>
+
+</html>
diff --git a/tests/example/vite.config.js b/tests/example/vite.config.js
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import autoMpaHTMLPlugin from '../../lib/index'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [react(), autoMpaHTMLPlugin({
+        sourceDir: "src",
+        configName: "config.json",
+        entryName: "main.jsx",
+        sharedData: {},
+        ejsOption: {},
+    })],
+})

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "template": "tests/example/templates/tpl.html"`
	`3`	`+}`