update test app components

Author: AyoubElk

packages/test-apps/simple-react/Home.tsx

@@ -11,6 +11,14 @@ const Home = (props: { time: number }) => {
         About
       </Link>
       <br />
+      <Link id="imperative-redirect-link" href="~/imperative/false">
+        Imperative route (Redirect to non-existent route)
+      </Link>
+      <br />
+      <Link id="imperative-render-link" href="~/imperative/true">
+        Imperative route
+      </Link>
+      <br />
       <Link id="red-about-link" href="~/red/about">
         Red About
       </Link>

packages/test-apps/simple-react/ImperativelyRenderablePage.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { Link } from 'wouter'
+
+const ImperativelyRenderablePage = (props: { hostname: string; requestIP: string }) => {
+  return (
+    <>
+      <h1>Imperatively renderable page</h1>
+      <p>Cool app</p>
+      <p>
+        This page was rendered imperatively on {props.hostname} for {props.requestIP}
+      </p>
+      <br />
+      <Link href="~/">Home</Link>
+    </>
+  )
+}
+
+export default ImperativelyRenderablePage

packages/test-apps/simple-react/NavigationTest.tsx

@@ -7,8 +7,9 @@ const NavigationTest = () => {
 
   useEffect(() => {
     if (typeof window != 'undefined') {
-      ;(window as any).test || ((window as any).test = [])
-      ;(window as any).test.push({ isNavigating, navigationDestination })
+      const w = window as any
+      w.test || (w.test = [])
+      w.test.push({ isNavigating, navigationDestination })
     }
   }, [isNavigating, navigationDestination])
 

packages/test-apps/simple-react/server.ts

@@ -1,3 +1,4 @@
+import type { FastifyRequest } from 'fastify'
 import os from 'os'
 import renderer from '../../fastify-renderer/src/node'
 import { newFastify } from '../../fastify-renderer/test/helpers'
@@ -28,6 +29,18 @@ export const server = async () => {
     },
   })
 
+  server.registerRenderable(require.resolve('./ImperativelyRenderablePage'))
+
+  server.get('/imperative/:bool', async (request: FastifyRequest<{ Params: { bool: string } }>, reply) => {
+    if (request.params.bool == 'true') {
+      return reply.render(require.resolve('./ImperativelyRenderablePage'), {
+        hostname: os.hostname(),
+        requestIP: request.ip,
+      })
+    } else {
+      return reply.redirect('/not-found')
+    }
+  })
   server.get('/*', { render: require.resolve('./NotFound') }, async (request) => {
     return { params: request.params }
   })