forked from webpack/webpack-dev-server
/
ProvidePlugin.test.js
126 lines (116 loc) · 3.79 KB
/
ProvidePlugin.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
'use strict';
const testServer = require('../helpers/test-server');
const config = require('../fixtures/provide-plugin-config/webpack.config');
const wsConfig = require('../fixtures/provide-plugin-ws-config/webpack.config');
const runBrowser = require('../helpers/run-browser');
const port = require('../ports-map').ProvidePlugin;
const { beforeBrowserCloseDelay } = require('../helpers/puppeteer-constants');
describe('ProvidePlugin', () => {
describe('inline with default transportMode.client (sockjs)', () => {
beforeAll((done) => {
const options = {
port,
host: '0.0.0.0',
inline: true,
watchOptions: {
poll: true,
},
};
testServer.startAwaitingCompilation(config, options, done);
});
afterAll(testServer.close);
describe('on browser client', () => {
it('should inject SockJS client implementation', (done) => {
runBrowser().then(({ page, browser }) => {
page.waitForNavigation({ waitUntil: 'load' }).then(() => {
page.waitFor(beforeBrowserCloseDelay).then(() => {
page
.evaluate(() => {
return window.injectedClient === window.expectedClient;
})
.then((isCorrectClient) => {
browser.close().then(() => {
expect(isCorrectClient).toBeTruthy();
done();
});
});
});
});
page.goto(`http://localhost:${port}/main`);
});
});
});
});
describe('inline with transportMode.client ws', () => {
beforeAll((done) => {
const options = {
port,
host: '0.0.0.0',
inline: true,
transportMode: 'ws',
watchOptions: {
poll: true,
},
};
testServer.startAwaitingCompilation(wsConfig, options, done);
});
afterAll(testServer.close);
describe('on browser client', () => {
it('should inject ws client implementation', (done) => {
runBrowser().then(({ page, browser }) => {
page.waitForNavigation({ waitUntil: 'load' }).then(() => {
page.waitFor(beforeBrowserCloseDelay).then(() => {
page
.evaluate(() => {
return window.injectedClient === window.expectedClient;
})
.then((isCorrectClient) => {
browser.close().then(() => {
expect(isCorrectClient).toBeTruthy();
done();
});
});
});
});
page.goto(`http://localhost:${port}/main`);
});
});
});
});
describe('not inline', () => {
beforeAll((done) => {
const options = {
port,
host: '0.0.0.0',
inline: false,
watchOptions: {
poll: true,
},
};
testServer.startAwaitingCompilation(config, options, done);
});
afterAll(testServer.close);
describe('on browser client', () => {
it('should not inject client implementation', (done) => {
runBrowser().then(({ page, browser }) => {
page.waitForNavigation({ waitUntil: 'load' }).then(() => {
page.waitFor(beforeBrowserCloseDelay).then(() => {
page
.evaluate(() => {
// eslint-disable-next-line no-undefined
return window.injectedClient === undefined;
})
.then((isCorrectClient) => {
browser.close().then(() => {
expect(isCorrectClient).toBeTruthy();
done();
});
});
});
});
page.goto(`http://localhost:${port}/main`);
});
});
});
});
});