Merge pull request #19 from pyreon/add-integration-tests

vitbokisch · web-flow · commit c4e0c1a8ff52 · 2026-03-21T17:26:32.000+01:00
Add integration tests: boot Vite, resolve routes, serve pages
diff --git a/packages/zero/src/tests/integration/fixture/.gitignore b/packages/zero/src/tests/integration/fixture/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+.pyreon
diff --git a/packages/zero/src/tests/integration/fixture/index.html b/packages/zero/src/tests/integration/fixture/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Zero Integration Test</title>
+</head>
+<body>
+  <div id="app"><!--pyreon-app--></div>
+  <!--pyreon-scripts-->
+</body>
+</html>
diff --git a/packages/zero/src/tests/integration/fixture/src/routes/about.tsx b/packages/zero/src/tests/integration/fixture/src/routes/about.tsx
@@ -0,0 +1,12 @@
+export default function About() {
+  return (
+    <div>
+      <h1>About</h1>
+      <p>Integration test page</p>
+    </div>
+  )
+}
+
+export const meta = {
+  title: 'About',
+}
diff --git a/packages/zero/src/tests/integration/fixture/src/routes/api/health.ts b/packages/zero/src/tests/integration/fixture/src/routes/api/health.ts
@@ -0,0 +1,3 @@
+export function GET() {
+  return Response.json({ status: 'ok' })
+}
diff --git a/packages/zero/src/tests/integration/fixture/src/routes/index.tsx b/packages/zero/src/tests/integration/fixture/src/routes/index.tsx
@@ -0,0 +1,7 @@
+export default function Home() {
+  return <h1>Hello from Zero</h1>
+}
+
+export const meta = {
+  title: 'Home',
+}
diff --git a/packages/zero/src/tests/integration/fixture/src/routes/users/[id].tsx b/packages/zero/src/tests/integration/fixture/src/routes/users/[id].tsx
@@ -0,0 +1,13 @@
+import type { LoaderContext } from '@pyreon/zero'
+
+export async function loader(ctx: LoaderContext) {
+  return { userId: ctx.params.id, name: `User ${ctx.params.id}` }
+}
+
+export default function UserPage() {
+  return <h1>User Page</h1>
+}
+
+export const meta = {
+  title: 'User',
+}
diff --git a/packages/zero/src/tests/integration/ssr.test.ts b/packages/zero/src/tests/integration/ssr.test.ts
@@ -0,0 +1,122 @@
+import { resolve } from 'node:path'
+import { createServer, type ViteDevServer } from 'vite'
+import { afterAll, beforeAll, describe, expect, it } from 'vitest'
+import { zeroPlugin } from '../../vite-plugin'
+
+const FIXTURE_DIR = resolve(import.meta.dirname, 'fixture')
+
+let server: ViteDevServer
+let baseUrl: string
+
+beforeAll(async () => {
+  server = await createServer({
+    root: FIXTURE_DIR,
+    configFile: false, // Don't load vite.config.ts — configure inline
+    plugins: [zeroPlugin({ mode: 'ssr' })],
+    server: { port: 0 },
+    logLevel: 'silent',
+  })
+  await server.listen()
+  const address = server.httpServer?.address()
+  if (address && typeof address === 'object') {
+    baseUrl = `http://localhost:${address.port}`
+  }
+}, 30_000)
+
+afterAll(async () => {
+  await server?.close()
+})
+
+describe('SSR integration', () => {
+  it('boots the Vite dev server', () => {
+    expect(baseUrl).toBeDefined()
+    expect(baseUrl).toMatch(/^http:\/\/localhost:\d+$/)
+  })
+
+  it('resolves virtual:zero/routes module', async () => {
+    const mod = await server.ssrLoadModule('virtual:zero/routes')
+    expect(mod.routes).toBeDefined()
+    expect(Array.isArray(mod.routes)).toBe(true)
+    expect(mod.routes.length).toBeGreaterThan(0)
+  })
+
+  it('generates routes for fixture pages', async () => {
+    const mod = await server.ssrLoadModule('virtual:zero/routes')
+    const paths = flattenPaths(mod.routes)
+    expect(paths).toContain('/')
+    expect(paths).toContain('/about')
+  })
+
+  it('generates route for dynamic [id] param', async () => {
+    const mod = await server.ssrLoadModule('virtual:zero/routes')
+    const paths = flattenPaths(mod.routes)
+    expect(paths.some((p: string) => p.includes(':id'))).toBe(true)
+  })
+
+  it('wires renderMode into route meta', async () => {
+    const mod = await server.ssrLoadModule('virtual:zero/routes')
+    const route = mod.routes.find((r: { path: string }) => r.path === '/')
+    expect(route).toBeDefined()
+    expect(route.meta).toBeDefined()
+  })
+
+  it('serves index.html on GET /', async () => {
+    const res = await fetch(`${baseUrl}/`)
+    expect(res.status).toBe(200)
+    const html = await res.text()
+    expect(html).toContain('<div id="app">')
+  })
+
+  it('serves the about page', async () => {
+    const res = await fetch(`${baseUrl}/about`)
+    expect(res.status).toBe(200)
+    const html = await res.text()
+    expect(html).toContain('<!DOCTYPE html>')
+  })
+
+  it('returns HTML for dynamic routes', async () => {
+    const res = await fetch(`${baseUrl}/users/42`)
+    expect(res.status).toBe(200)
+    const html = await res.text()
+    expect(html).toContain('<div id="app">')
+  })
+
+  it('loads virtual modules via plugin resolveId', async () => {
+    const resolved = await server.pluginContainer.resolveId(
+      'virtual:zero/routes',
+    )
+    expect(resolved).toBeTruthy()
+    expect(resolved?.id).toContain('virtual:zero/routes')
+  })
+
+  it('generates API route module for fixture', async () => {
+    const { scanRouteFiles } = await import('../../fs-router')
+    const { generateApiRouteModule } = await import('../../api-routes')
+    const routesDir = resolve(FIXTURE_DIR, 'src/routes')
+    const files = await scanRouteFiles(routesDir)
+    const code = generateApiRouteModule(files, routesDir)
+    expect(code).toContain('/api/health')
+    expect(code).toContain('apiRoutes')
+  })
+
+  it('generates middleware module for fixture', async () => {
+    const { generateMiddlewareModule, scanRouteFiles } = await import(
+      '../../fs-router'
+    )
+    const routesDir = resolve(FIXTURE_DIR, 'src/routes')
+    const files = await scanRouteFiles(routesDir)
+    const code = generateMiddlewareModule(files, routesDir)
+    expect(code).toContain('routeMiddleware')
+  })
+})
+
+function flattenPaths(
+  routes: Array<{ path?: string; children?: unknown[] }>,
+): string[] {
+  const paths: string[] = []
+  for (const r of routes) {
+    if (r.path) paths.push(r.path)
+    if (r.children) paths.push(...flattenPaths(r.children as typeof routes))
+  }
+  return paths
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export function GET() {`
	`2`	`+ return Response.json({ status: 'ok' })`
	`3`	`+}`