Add simple test that custom server works (vercel#44536)

- Unify logging in test startup
- Added simple custom server test

It's testing just simple page serving in production mode.

Co-authored-by: Tim Neutkens <[email protected]>

test/lib/next-modes/next-dev.ts

@@ -35,6 +35,7 @@ export class NextDevInstance extends NextInstance {
       startArgs = this.startCommand.split(' ')
     }
 
+    console.log('running', startArgs.join(' '))
     await new Promise<void>((resolve, reject) => {
       try {
         this.childProcess = spawn(startArgs[0], startArgs.slice(1), {

test/lib/next-modes/next-start.ts

@@ -63,9 +63,8 @@ export class NextStartInstance extends NextInstance {
       startArgs = this.startCommand.split(' ')
     }
 
+    console.log('running', buildArgs.join(' '))
     await new Promise<void>((resolve, reject) => {
-      console.log('running', buildArgs.join(' '))
-
       try {
         this.childProcess = spawn(
           buildArgs[0],
@@ -99,7 +98,6 @@ export class NextStartInstance extends NextInstance {
     ).trim()
 
     console.log('running', startArgs.join(' '))
-
     await new Promise<void>((resolve) => {
       try {
         this.childProcess = spawn(

test/production/custom-server/custom-server.test.ts

@@ -0,0 +1,15 @@
+import { createNextDescribe } from 'e2e-utils'
+
+createNextDescribe(
+  'custom server',
+  {
+    files: __dirname,
+    startCommand: 'node server.js',
+  },
+  ({ next }) => {
+    it.each(['a', 'b', 'c'])('can navigate to /%s', async (page) => {
+      const $ = await next.render$(`/${page}`)
+      expect($('p').text()).toBe(`Page ${page}`)
+    })
+  }
+)

test/production/custom-server/pages/a.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p id="page-a">Page a</p>
+}

test/production/custom-server/pages/c.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p id="page-c">Page c</p>
+}

test/production/custom-server/pages/page-b.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p id="page-b">Page b</p>
+}

test/production/custom-server/server.js

@@ -0,0 +1,36 @@
+const { createServer } = require('http')
+const { parse } = require('url')
+const next = require('next')
+
+const hostname = 'localhost'
+const port = 3000
+// when using middleware `hostname` and `port` must be provided below
+const app = next({ hostname, port })
+const handle = app.getRequestHandler()
+
+app.prepare().then(() => {
+  createServer(async (req, res) => {
+    try {
+      // Be sure to pass `true` as the second argument to `url.parse`.
+      // This tells it to parse the query portion of the URL.
+      const parsedUrl = parse(req.url, true)
+      const { pathname, query } = parsedUrl
+
+      if (pathname === '/a') {
+        await app.render(req, res, '/a', query)
+      } else if (pathname === '/b') {
+        await app.render(req, res, '/page-b', query)
+      } else {
+        await handle(req, res, parsedUrl)
+      }
+    } catch (err) {
+      console.error('Error occurred handling', req.url, err)
+      res.statusCode = 500
+      res.end('internal server error')
+    }
+  }).listen(port, (err) => {
+    if (err) throw err
+    // Start mode
+    console.log(`started server on url: http://${hostname}:${port}`)
+  })
+})