From d40f27239a98964bf070da07c630b70ea2eec69d Mon Sep 17 00:00:00 2001
From: Henrik Wenz <HaNdTriX@users.noreply.github.com>
Date: Sat, 20 Oct 2018 17:03:19 +0200
Subject: [PATCH] Add size-limit test (#5339)

---
 test/integration/size-limit/next.config.js    |  6 ++
 test/integration/size-limit/pages/about.js    |  5 ++
 test/integration/size-limit/pages/index.js    |  9 +++
 .../integration/size-limit/test/index.test.js | 71 +++++++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 test/integration/size-limit/next.config.js
 create mode 100644 test/integration/size-limit/pages/about.js
 create mode 100644 test/integration/size-limit/pages/index.js
 create mode 100644 test/integration/size-limit/test/index.test.js

diff --git a/test/integration/size-limit/next.config.js b/test/integration/size-limit/next.config.js
new file mode 100644
index 00000000..35dcf0f6
--- /dev/null
+++ b/test/integration/size-limit/next.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  onDemandEntries: {
+    // Make sure entries are not getting disposed.
+    maxInactiveAge: 1000 * 60 * 60
+  }
+}
diff --git a/test/integration/size-limit/pages/about.js b/test/integration/size-limit/pages/about.js
new file mode 100644
index 00000000..52f9efa0
--- /dev/null
+++ b/test/integration/size-limit/pages/about.js
@@ -0,0 +1,5 @@
+export default () => (
+  <div>
+    About
+  </div>
+)
diff --git a/test/integration/size-limit/pages/index.js b/test/integration/size-limit/pages/index.js
new file mode 100644
index 00000000..460e8fd9
--- /dev/null
+++ b/test/integration/size-limit/pages/index.js
@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default () => (
+  <div>
+    Size-Limit Page
+    <br />
+    <Link href='/about'><a>about</a></Link>
+  </div>
+)
diff --git a/test/integration/size-limit/test/index.test.js b/test/integration/size-limit/test/index.test.js
new file mode 100644
index 00000000..56d628ed
--- /dev/null
+++ b/test/integration/size-limit/test/index.test.js
@@ -0,0 +1,71 @@
+/* eslint-env jest */
+/* global jasmine */
+import { nextBuild, nextServer, startApp, stopApp } from 'next-test-utils'
+import { join } from 'path'
+import cheerio from 'cheerio'
+import fetch from 'node-fetch'
+
+jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000 * 60 * 5
+
+let responseSizes
+
+describe('Production response size', () => {
+  beforeAll(async () => {
+    const dir = join(__dirname, '../')
+
+    // Build next app
+    await nextBuild(dir)
+
+    // Start next app
+    const server = await startApp(
+      nextServer({
+        dir,
+        dev: false,
+        quiet: true
+      })
+    )
+
+    // Get the html document
+    const baseUrl = `http://localhost:${server.address().port}`
+    const htmlResponse = await fetch(baseUrl)
+
+    // Find all script urls
+    const html = await htmlResponse.text()
+    const $ = cheerio.load(html)
+    const scriptsUrls = $('script[src]')
+      .map((i, el) => $(el).attr('src'))
+      .get()
+      .map(path => `${baseUrl}${path}`)
+
+    // Measure the html document and all scripts
+    const resourceUrls = [
+      baseUrl,
+      ...scriptsUrls
+    ]
+
+    // Fetch all resources and get their size (bytes)
+    responseSizes = await Promise.all(resourceUrls.map(async (url) => {
+      const context = await fetch(url).then(res => res.text())
+      return {
+        url,
+        bytes: context.length
+      }
+    }))
+
+    // Clean up
+    await stopApp(server)
+  })
+
+  it('should not increase the overall response size', async () => {
+    const responseSizeBytes = responseSizes.reduce(
+      (accumulator, responseSizeObj) => accumulator + responseSizeObj.bytes,
+      0
+    )
+    const responseSizeKilobytes = Math.ceil(responseSizeBytes / 1024)
+
+    console.log(`Response Sizes:\n${responseSizes.map(obj => ` ${obj.url}: ${obj.bytes} (bytes)`).join('\n')} \nOverall: ${responseSizeKilobytes} KB`)
+
+    // These numbers are without gzip compression!
+    expect(responseSizeKilobytes).toBeLessThanOrEqual(203) // Kilobytes
+  })
+})