10up-toolkit/packages/toolkit/config/webpack/__tests__/devServer.js at f7ca85dd2c9f58cbb75d8c9227a3f3896189484e · 10up/10up-toolkit · GitHub

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
127
const externals = require('../externals');
const getDevServer = require('../devServer');

describe('externals module function', () => {
	it('returns default externals for project config', () => {
		expect(externals({ isPackage: false, packageConfig: {} })).toEqual({
			jquery: 'jQuery',
			lodash: 'lodash',
		});
	});

	it('returns array of externals for package config', () => {
		expect(
			externals({
				isPackage: true,
				packageConfig: {
					externals: ['jquery', 'lodash'],
					packageType: 'all',
				},
			}),
		).toEqual({
			jquery: 'commonjs2 jquery',
			lodash: 'commonjs2 lodash',
		});

		expect(
			externals({
				isPackage: true,
				packageConfig: {
					externals: ['jquery', 'lodash'],
					packageType: 'umd',
				},
			}),
		).toEqual({
			jquery: {
				amd: 'jquery',
				commonjs: 'jquery',
				commonjs2: 'jquery',
			},
			lodash: {
				amd: 'lodash',
				commonjs: 'lodash',
				commonjs2: 'lodash',
			},
		});

		expect(
			externals({
				isPackage: true,
				packageConfig: {
					externals: ['jquery', 'lodash'],
					packageType: 'commonjs2',
				},
			}),
		).toEqual({
			jquery: 'commonjs2 jquery',
			lodash: 'commonjs2 lodash',
		});
	});
});

describe('devServer', () => {
	const baseHotOptions = {
		isPackage: false,
		isModule: false,
		projectConfig: {
			devServer: false,
			devURL: 'http://example.test',
			hot: true,
			devServerPort: 3000,
		},
	};

	it('returns undefined when neither devServer nor hot is enabled', () => {
		expect(
			getDevServer({
				...baseHotOptions,
				projectConfig: { ...baseHotOptions.projectConfig, hot: false },
			}),
		).toBeUndefined();
		expect(
			getDevServer({
				isPackage: false,
				isModule: false,
				projectConfig: {
					devServer: false,
					devURL: 'http://example.test',
					hot: false,
					devServerPort: 3000,
				},
			}),
		).toBeUndefined();
	});

	it('uses array-based proxy configuration (v5 style) when useLegacyProxy is false', () => {
		const result = getDevServer({ ...baseHotOptions, useLegacyProxy: false });
		expect(result).toBeDefined();
		expect(result.proxy).toEqual([
			{
				context: '/dist',
				pathRewrite: {
					'^/dist': '',
				},
			},
		]);
	});

	it('uses array-based proxy configuration (v5 style) when useLegacyProxy is omitted', () => {
		const result = getDevServer(baseHotOptions);
		expect(result).toBeDefined();
		expect(Array.isArray(result.proxy)).toBe(true);
		expect(result.proxy[0]).toHaveProperty('context', '/dist');
		expect(result.proxy[0].pathRewrite).toEqual({ '^/dist': '' });
	});

	it('uses object-based proxy configuration (legacy style) when useLegacyProxy is true', () => {
		const result = getDevServer({ ...baseHotOptions, useLegacyProxy: true });
		expect(result).toBeDefined();
		expect(result.proxy).toEqual({
			'/dist': {
				pathRewrite: {
					'^/dist': '',
				},
			},
		});
	});
});