test: test SSR after HMR (#326)

Author: hi-ogawa

playground/ssr-react/__tests__/ssr-react.spec.ts

@@ -4,6 +4,7 @@ import { port } from './serve'
 import {
   browserLogs,
   editFile,
+  isBuild,
   page,
   untilBrowserLogAfter,
   untilUpdated,
@@ -49,13 +50,18 @@ test('/', async () => {
   expect(html).toMatch('Home')
 })
 
-test('hmr', async () => {
+test.skipIf(isBuild)('hmr', async () => {
   await untilBrowserLogAfter(() => page.goto(url), 'hydrated')
 
+  await untilUpdated(() => page.textContent('h1'), 'Home')
   editFile('src/pages/Home.jsx', (code) =>
     code.replace('<h1>Home', '<h1>changed'),
   )
   await untilUpdated(() => page.textContent('h1'), 'changed')
+
+  // verify the change also affects next SSR
+  const res = await page.reload()
+  expect(await res?.text()).toContain('<h1>changed')
 })
 
 test('client navigation', async () => {

playground/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "include": ["*.ts", "**/__test/*.ts", "**/vite.config.ts"],
+  "include": ["*.ts", "**/__tests__/*.ts", "**/vite.config.ts"],
   "exclude": ["**/dist/**"],
   "compilerOptions": {
     "target": "ES2020",

playground/vitest.config.e2e.ts

@@ -1,7 +1,7 @@
 import { resolve } from 'node:path'
 import { defineConfig } from 'vitest/config'
 
-const timeout = process.env.CI ? 20_000 : 5_000
+const timeout = process.env.PWDEBUG ? Infinity : process.env.CI ? 20_000 : 5_000
 
 export default defineConfig({
   resolve: {