first commit

test/integration/config/.gitignore

@@ -0,0 +1 @@
+!node_modules

test/integration/config/components/hello-webpack-css.css

@@ -0,0 +1,3 @@
+.helloWorld {
+  font-size: 100px;
+}

test/integration/config/components/hello-webpack-css.js

@@ -0,0 +1,10 @@
+import css from './hello-webpack-css.css'
+import sass from './hello-webpack-sass.scss'
+import framework from 'css-framework/framework.css'
+export default () => (
+  <div
+    className={`hello-world ${css.helloWorld} ${sass.helloWorldSass} ${framework.frameworkClass}`}
+  >
+    Hello World
+  </div>
+)

test/integration/config/components/hello-webpack-sass.scss

@@ -0,0 +1,5 @@
+$color: yellow;
+
+.helloWorldSass {
+  color: $color;
+}

test/integration/config/next.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  onDemandEntries: {
+    // Make sure entries are not getting disposed.
+    maxInactiveAge: 1000 * 60 * 60,
+  },
+  poweredByHeader: false,
+  env: {
+    customVar: 'hello',
+  },
+}

test/integration/config/node_modules/css-framework/framework.css

@@ -0,0 +1,3 @@
+.frameworkClass {
+  background: blue
+}

test/integration/config/node_modules/module-only-package/modern.js

@@ -0,0 +1 @@
+export default 'OK'

test/integration/config/node_modules/module-only-package/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "module-only-package",
+  "description": "I'm a hipster package that only ships a module entrypoint.",
+  "module": "./modern.js"
+}

test/integration/config/pages/build-id.js

@@ -0,0 +1,3 @@
+export default () => {
+  return <p id="buildId">{process.env.CONFIG_BUILD_ID}</p>
+}

test/integration/config/pages/module-only-content.js

@@ -0,0 +1,3 @@
+import messageInAPackage from 'module-only-package'
+
+export default () => <p id="messageInAPackage">{messageInAPackage}</p>

test/integration/config/pages/next-config.js

@@ -0,0 +1,5 @@
+export default () => (
+  <div>
+    <p id="env">{process.env.customVar}</p>
+  </div>
+)

test/integration/config/test/index.test.ts

@@ -0,0 +1,60 @@
+/* eslint-env jest */
+
+import cheerio from 'cheerio'
+import { findPort, killApp, launchApp, renderViaHTTP } from 'next-test-utils'
+import webdriver from 'next-webdriver'
+import fetch from 'node-fetch'
+import { join } from 'path'
+
+const context: Record<string, any> = {}
+
+describe('Configuration', () => {
+  beforeAll(async () => {
+    context.output = ''
+
+    const handleOutput = (msg) => {
+      context.output += msg
+    }
+
+    context.appPort = await findPort()
+    context.server = await launchApp(join(__dirname, '../'), context.appPort, {
+      onStdout: handleOutput,
+      onStderr: handleOutput,
+    })
+
+    // pre-build all pages at the start
+    await Promise.all([
+      renderViaHTTP(context.appPort, '/next-config'),
+      renderViaHTTP(context.appPort, '/module-only-component'),
+    ])
+  })
+
+  afterAll(async () => {
+    await killApp(context.server)
+  })
+
+  async function get$(path, query?: any) {
+    const html = await renderViaHTTP(context.appPort, path, query)
+    return cheerio.load(html)
+  }
+
+  it('should disable X-Powered-By header support', async () => {
+    const url = `http://localhost:${context.appPort}/`
+    const header = (await fetch(url)).headers.get('X-Powered-By')
+    expect(header).not.toBe('Next.js')
+  })
+
+  test('correctly imports a package that defines `module` but no `main` in package.json', async () => {
+    const $ = await get$('/module-only-content')
+    expect($('#messageInAPackage').text()).toBe('OK')
+  })
+
+  it('should have env variables available on the client', async () => {
+    const browser = await webdriver(context.appPort, '/next-config')
+
+    const envValue = await browser.elementByCss('#env').text()
+
+    expect(envValue).toBe('hello')
+    await browser.close()
+  })
+})