fix: builder e2e test (#5994)

tests/e2e/builder/scripts/shared.ts

@@ -5,7 +5,6 @@ import fs from '@modern-js/utils/fs-extra';
 import type {
   UniBuilderConfig,
   CreateUniBuilderOptions,
-  StartDevServerOptions,
 } from '@modern-js/uni-builder';
 
 type CreateBuilderOptions = Omit<
@@ -95,24 +94,20 @@ const updateConfigForTest = (
 };
 
 export async function dev({
-  serverOptions,
   builderConfig = {},
   entry,
   ...options
 }: CreateBuilderOptions & {
   entry: Record<string, string>;
   builderConfig?: UniBuilderConfig;
-  serverOptions?: StartDevServerOptions['serverOptions'];
 }) {
   process.env.NODE_ENV = 'development';
 
   updateConfigForTest(builderConfig, entry);
 
   const builder = await createUniBuilder(options, builderConfig);
 
-  return builder.startDevServer({
-    serverOptions,
-  });
+  return builder.startDevServer();
 }
 
 export async function build({

tests/integration/dev-server/modern.config.ts

@@ -38,7 +38,7 @@ export default applyBaseConfig({
     },
   },
   runtime: {
-    router: true,
+    router: false,
     state: false,
   },
 });

tests/integration/dev-server/package.json

@@ -20,6 +20,8 @@
     "@modern-js/runtime": "workspace:*",
     "react": "^18",
     "react-dom": "^18",
+    "react-router": "^6",
+    "react-router-dom": "^6",
     "fs-extra": "^10.1.0"
   },
   "devDependencies": {

tests/integration/dev-server/src/App.tsx

@@ -1,3 +1,27 @@
-export default () => {
-  return <div>Hello World</div>;
-};
+import { BrowserRouter, Link, Route, Routes, Outlet } from 'react-router-dom';
+
+const App = () => (
+  <BrowserRouter>
+    <Routes>
+      <Route
+        path="/"
+        element={
+          <div>
+            home
+            <div>
+              <Link to="/a">A</Link>
+            </div>
+            <div>
+              <Link to="/b">B</Link>
+            </div>
+            <Outlet />
+          </div>
+        }
+      />
+      <Route path="/a" element={<div>A</div>} />
+      <Route path="/b" element={<div>B</div>} />
+    </Routes>
+  </BrowserRouter>
+);
+
+export default App;

tests/integration/dev-server/tests/index.test.ts

@@ -32,6 +32,17 @@ describe('dev', () => {
     expect(headers['x-plugin']).toBe('test-plugin');
   });
 
+  test('should provide history api fallback correctly', async () => {
+    await page.goto(`http://localhost:${appPort}`);
+    expect(await page.content()).toContain('<div>home<div>');
+
+    await page.goto(`http://localhost:${appPort}/a`);
+    expect(await page.content()).toContain('<div>A</div>');
+
+    await page.goto(`http://localhost:${appPort}/b`);
+    expect(await page.content()).toContain('<div>B</div>');
+  });
+
   afterAll(async () => {
     await killApp(app);
     await page.close();