Review fixes

Author: dvoytenko

packages/next/src/experimental/testmode/playwright/README.md

@@ -25,7 +25,7 @@ import { defineConfig } from 'next/experimental/testmode/playwright'
 
 export default defineConfig({
   webServer: {
-    command: 'pnpm dev -- --experimental-test-proxy',
+    command: 'npm dev -- --experimental-test-proxy',
     url: 'http://localhost:3000',
   },
 })

packages/next/src/experimental/testmode/playwright/page-route.ts

@@ -8,7 +8,7 @@ export async function handleRoute(
 ) {
   const request = route.request()
 
-  // COntinue the navigation and non-fetch requests.
+  // Continue the navigation and non-fetch requests.
   if (request.isNavigationRequest() || request.resourceType() !== 'fetch') {
     return route.continue()
   }

packages/next/src/experimental/testmode/server.ts

@@ -64,8 +64,9 @@ function buildResponse(proxyResponse: ProxyFetchResponse): Response {
   })
 }
 
-export function createTestFetch(originalFetch: Fetch): Fetch {
-  return async function testFetch(
+function interceptFetch() {
+  const originalFetch = global.fetch
+  global.fetch = async function testFetch(
     input: FetchInputArg,
     init?: FetchInitArg
   ): Promise<Response> {
@@ -107,6 +108,16 @@ export function createTestFetch(originalFetch: Fetch): Fetch {
   }
 }
 
+export function interceptTestApis(): () => void {
+  const originalFetch = global.fetch
+  interceptFetch()
+
+  // Cleanup.
+  return () => {
+    global.fetch = originalFetch
+  }
+}
+
 export function wrapRequestHandler(
   handler: NodeRequestHandler
 ): NodeRequestHandler {

packages/next/src/server/next-server.ts

@@ -222,10 +222,10 @@ export default class NextNodeServer extends BaseServer {
     // ensure options are set when loadConfig isn't called
     setHttpClientAndAgentOptions(this.nextConfig)
 
-    // Intercept fetch
+    // Intercept fetch and other testmode apis.
     if (this.serverOptions.experimentalTestProxy) {
-      const { createTestFetch } = require('../experimental/testmode/server')
-      global.fetch = createTestFetch(global.fetch)
+      const { interceptTestApis } = require('../experimental/testmode/server')
+      interceptTestApis()
     }
   }