next.js/test/integration/production-config/test/index.test.js

/* eslint-env jest */
/* global jasmine */
import { join } from 'path'
import {
  nextServer,
  nextBuild,
  startApp,
  stopApp,
  runNextCommand
} from 'next-test-utils'
import webdriver from 'next-webdriver'

jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000 * 60 * 5

const appDir = join(__dirname, '../')

let appPort
let server

describe('Production Config Usage', () => {
  beforeAll(async () => {
    await nextBuild(appDir)
    const app = nextServer({
      dir: join(__dirname, '../'),
      dev: false,
      quiet: true
    })
    server = await startApp(app)
    appPort = server.address().port
  })
  afterAll(() => stopApp(server))

  describe('with next-css', () => {
    it('should load styles', async () => {
      // Try 3 times as the breaking happens intermittently
      await testBrowser()
      await testBrowser()
      await testBrowser()
    })
  })

  describe('env', () => {
    it('should fail with __ in env key', async () => {
      const result = await runNextCommand(['build', appDir], {spawnOptions: {
        env: {
          ...process.env,
          ENABLE_ENV_FAIL_UNDERSCORE: true
        }
      },
      stdout: true,
      stderr: true})

      expect(result.stderr).toMatch(/The key "__NEXT_MY_VAR" under/)
    })

    it('should fail with NODE_ in env key', async () => {
      const result = await runNextCommand(['build', appDir], {spawnOptions: {
        env: {
          ...process.env,
          ENABLE_ENV_FAIL_NODE: true
        }
      },
      stdout: true,
      stderr: true})

      expect(result.stderr).toMatch(/The key "NODE_ENV" under/)
    })
  })

  describe('with generateBuildId', () => {
    it('should add the custom buildid', async () => {
      const browser = await webdriver(appPort, '/')
      const text = await browser.elementByCss('#mounted').text()
      expect(text).toMatch(/ComponentDidMount executed on client\./)

      const html = await browser.elementByCss('html').getAttribute('innerHTML')
      expect(html).toMatch('custom-buildid')
      return browser.close()
    })
  })
})

async function testBrowser () {
  const browser = await webdriver(appPort, '/')
  const element = await browser.elementByCss('#mounted')
  const text = await element.text()
  expect(text).toMatch(/ComponentDidMount executed on client\./)
  expect(await element.getComputedCss('font-size')).toBe('40px')
  expect(await element.getComputedCss('color')).toBe('rgba(255, 0, 0, 1)')
  return browser.close()
}