/
index.js
99 lines (75 loc) · 2.91 KB
/
index.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
let oldNonce;
let oldPublicPath;
beforeEach(() => {
oldNonce = __webpack_nonce__;
oldPublicPath = __webpack_public_path__;
});
afterEach(() => {
__webpack_nonce__ = oldNonce;
__webpack_public_path__ = oldPublicPath;
});
it("should prefetch and preload child chunks on chunk load", () => {
__webpack_nonce__ = "nonce";
__webpack_public_path__ = "https://example.com/public/path/";
let link, script;
expect(document.head._children).toHaveLength(1);
// Test prefetch from entry chunk
link = document.head._children[0];
expect(link._type).toBe("link");
expect(link.rel).toBe("prefetch");
expect(link.href).toMatch(/chunk1\.js$/);
const promise = import(/* webpackChunkName: "chunk1", webpackPrefetch: true */ "./chunk1");
expect(document.head._children).toHaveLength(3);
// Test normal script loading
script = document.head._children[1];
expect(script._type).toBe("script");
expect(script.src).toMatch(/chunk1\.js$/);
expect(script.getAttribute("nonce")).toBe("nonce")
expect(script.crossOrigin).toBe("anonymous");
expect(script.onload).toBeTypeOf("function");
// Test preload of chunk1-b
link = document.head._children[2];
expect(link._type).toBe("link");
expect(link.rel).toBe("preload");
expect(link.as).toBe("script");
expect(link.href).toMatch(/chunk1-b\.js$/);
expect(link.charset).toBe("utf-8");
expect(link.getAttribute("nonce")).toBe("nonce");
expect(link.crossOrigin).toBe("anonymous");
// Run the script
__non_webpack_require__("./chunk1.js");
script.onload();
return promise.then(() => {
expect(document.head._children).toHaveLength(5);
// Test prefetching for chunk1-c and chunk1-a in this order
link = document.head._children[3];
expect(link._type).toBe("link");
expect(link.rel).toBe("prefetch");
expect(link.href).toMatch(/chunk1-c\.js$/);
expect(link.crossOrigin).toBe("anonymous");
link = document.head._children[4];
expect(link._type).toBe("link");
expect(link.rel).toBe("prefetch");
expect(link.href).toMatch(/chunk1-a\.js$/);
expect(link.crossOrigin).toBe("anonymous");
const promise2 = import(/* webpackChunkName: "chunk1", webpackPrefetch: true */ "./chunk1");
// Loading chunk1 again should not trigger prefetch/preload
expect(document.head._children).toHaveLength(5);
const promise3 = import(/* webpackChunkName: "chunk2" */ "./chunk2");
expect(document.head._children).toHaveLength(6);
// Test normal script loading
script = document.head._children[5];
expect(script._type).toBe("script");
expect(script.src).toMatch(/chunk2\.js$/);
expect(script.getAttribute("nonce")).toBe("nonce")
expect(script.crossOrigin).toBe("anonymous");
expect(script.onload).toBeTypeOf("function");
// Run the script
__non_webpack_require__("./chunk2.js");
script.onload();
return promise3.then(() => {
// Loading chunk2 again should not trigger prefetch/preload as it's already prefetch/preloaded
expect(document.head._children).toHaveLength(6);
});
});
})