forked from vercel/next.js
/
index.test.js
107 lines (93 loc) · 3.07 KB
/
index.test.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/* 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 * 2
let server
let scriptsUrls
let baseResponseSize
function getResponseSizes(resourceUrls) {
return Promise.all(
resourceUrls.map(async url => {
const context = await fetch(url).then(res => res.text())
return {
url,
bytes: context.length,
}
})
)
}
function getResponseSizesBytes(responseSizes) {
return responseSizes.reduce(
(accumulator, responseSizeObj) => accumulator + responseSizeObj.bytes,
0
)
}
describe('Production response size', () => {
beforeAll(async () => {
const dir = join(__dirname, '../')
// Build next app
await nextBuild(dir)
// Start next app
server = await startApp(
nextServer({
dir,
dev: false,
quiet: true,
})
)
// Get the html document
let baseUrl = `http://localhost:${server.address().port}`
const htmlResponse = await fetch(baseUrl)
// Find all script urls
const html = await htmlResponse.text()
baseResponseSize = { url: baseUrl, bytes: html.length }
const $ = cheerio.load(html)
scriptsUrls = $('script[src]')
.map((i, el) => $(el).attr('src'))
.get()
.map(path => `${baseUrl}${path}`)
})
afterAll(async () => {
// Clean up
await stopApp(server)
})
it('should not increase the overall response size of default build', async () => {
const responseSizes = [
baseResponseSize,
...(await getResponseSizes(
scriptsUrls.filter(path => !path.endsWith('.module.js'))
)),
]
const responseSizesBytes = getResponseSizesBytes(responseSizes)
console.log(
`Response Sizes for default:\n${responseSizes
.map(obj => ` ${obj.url}: ${obj.bytes} (bytes)`)
.join('\n')} \nOverall: ${responseSizesBytes} KB`
)
// These numbers are without gzip compression!
const delta = responseSizesBytes - 237 * 1024
expect(delta).toBeLessThanOrEqual(1024) // don't increase size more than 1kb
expect(delta).toBeGreaterThanOrEqual(-1024) // don't decrease size more than 1kb without updating target
})
it('should not increase the overall response size of modern build', async () => {
const responseSizes = [
baseResponseSize,
...(await getResponseSizes(
scriptsUrls.filter(path => path.endsWith('.module.js'))
)),
]
const responseSizesBytes = getResponseSizesBytes(responseSizes)
console.log(
`Response Sizes for modern:\n${responseSizes
.map(obj => ` ${obj.url}: ${obj.bytes} (bytes)`)
.join('\n')} \nOverall: ${responseSizesBytes} bytes`
)
// These numbers are without gzip compression!
const delta = responseSizesBytes - 171 * 1024
expect(delta).toBeLessThanOrEqual(1024) // don't increase size more than 1kb
expect(delta).toBeGreaterThanOrEqual(-1024) // don't decrease size more than 1kb without updating target
})
})