Skip to content

Commit f0dbea0

Browse files
alexander-akaitalexander-akait
authoredSep 24, 2021
fix: formatting errors/warnings (#3877)
·
v5.2.1v4.3.0
1 parent 229d79d commit f0dbea0

9 files changed

+155
-90
lines changed
 

‎client-src/index.js

+19-15
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import webpackHotLog from "webpack/hot/log.js";
44
import stripAnsi from "./modules/strip-ansi/index.js";
55
import parseURL from "./utils/parseURL.js";
66
import socket from "./socket.js";
7-
import { show, hide } from "./overlay.js";
7+
import { formatProblem, show, hide } from "./overlay.js";
88
import { log, setLogLevel } from "./utils/log.js";
99
import sendMessage from "./utils/sendMessage.js";
1010
import reloadApp from "./utils/reloadApp.js";
@@ -152,14 +152,16 @@ const onSocketMessage = {
152152
warnings(warnings) {
153153
log.warn("Warnings while compiling.");
154154

155-
const strippedWarnings = warnings.map((warning) =>
156-
stripAnsi(warning.message ? warning.message : warning)
157-
);
155+
const printableWarnings = warnings.map((error) => {
156+
const { header, body } = formatProblem("warning", error);
157+
158+
return `${header}\n${stripAnsi(body)}`;
159+
});
158160

159-
sendMessage("Warnings", strippedWarnings);
161+
sendMessage("Warnings", printableWarnings);
160162

161-
for (let i = 0; i < strippedWarnings.length; i++) {
162-
log.warn(strippedWarnings[i]);
163+
for (let i = 0; i < printableWarnings.length; i++) {
164+
log.warn(printableWarnings[i]);
163165
}
164166

165167
const needShowOverlayForWarnings =
@@ -168,22 +170,24 @@ const onSocketMessage = {
168170
: options.overlay && options.overlay.warnings;
169171

170172
if (needShowOverlayForWarnings) {
171-
show(warnings, "warnings");
173+
show("warning", warnings);
172174
}
173175

174176
reloadApp(options, status);
175177
},
176178
errors(errors) {
177179
log.error("Errors while compiling. Reload prevented.");
178180

179-
const strippedErrors = errors.map((error) =>
180-
stripAnsi(error.message ? error.message : error)
181-
);
181+
const printableErrors = errors.map((error) => {
182+
const { header, body } = formatProblem("error", error);
183+
184+
return `${header}\n${stripAnsi(body)}`;
185+
});
182186

183-
sendMessage("Errors", strippedErrors);
187+
sendMessage("Errors", printableErrors);
184188

185-
for (let i = 0; i < strippedErrors.length; i++) {
186-
log.error(strippedErrors[i]);
189+
for (let i = 0; i < printableErrors.length; i++) {
190+
log.error(printableErrors[i]);
187191
}
188192

189193
const needShowOverlayForErrors =
@@ -192,7 +196,7 @@ const onSocketMessage = {
192196
: options.overlay && options.overlay.errors;
193197

194198
if (needShowOverlayForErrors) {
195-
show(errors, "errors");
199+
show("error", errors);
196200
}
197201
},
198202
error(error) {

‎client-src/overlay.js

+35-7
Original file line numberDiff line numberDiff line change
@@ -124,20 +124,48 @@ function hide() {
124124
containerElement = null;
125125
}
126126

127+
function formatProblem(type, item) {
128+
let header = type === "warning" ? "WARNING" : "ERROR";
129+
let body = "";
130+
131+
if (typeof item === "string") {
132+
body += item;
133+
} else {
134+
const file = item.file || "";
135+
// eslint-disable-next-line no-nested-ternary
136+
const moduleName = item.moduleName
137+
? item.moduleName.indexOf("!") !== -1
138+
? `${item.moduleName.replace(/^(\s|\S)*!/, "")} (${item.moduleName})`
139+
: `${item.moduleName}`
140+
: "";
141+
const loc = item.loc;
142+
143+
header += `${
144+
moduleName || file
145+
? ` in ${
146+
moduleName ? `${moduleName}${file ? ` (${file})` : ""}` : file
147+
}${loc ? ` ${loc}` : ""}`
148+
: ""
149+
}`;
150+
body += item.message || "";
151+
}
152+
153+
return { header, body };
154+
}
155+
127156
// Compilation with errors (e.g. syntax error or missing modules).
128-
function show(messages, type) {
157+
function show(type, messages) {
129158
ensureOverlayExists(() => {
130159
messages.forEach((message) => {
131160
const entryElement = document.createElement("div");
132161
const typeElement = document.createElement("span");
133-
// ts-loader will output `error.file` for error file path, not in message
134-
typeElement.innerText =
135-
(type === "warnings" ? "Warning:" : "Error:") + (message.file || "");
162+
const { header, body } = formatProblem(type, message);
163+
164+
typeElement.innerText = header;
136165
typeElement.style.color = `#${colors.red}`;
137166

138167
// Make it look similar to our terminal.
139-
const errorMessage = message.message || messages[0];
140-
const text = ansiHTML(encode(errorMessage));
168+
const text = ansiHTML(encode(body));
141169
const messageTextNode = document.createElement("div");
142170

143171
messageTextNode.innerHTML = text;
@@ -154,4 +182,4 @@ function show(messages, type) {
154182
});
155183
}
156184

157-
export { show, hide };
185+
export { formatProblem, show, hide };

‎test/client/__snapshots__/index.test.js.snap.webpack4

+6-3
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,16 @@ exports[`index should run onSocketMessage.warnings 2`] = `"Warnings"`;
4545
exports[`index should run onSocketMessage.warnings 3`] = `
4646
Array [
4747
Array [
48-
"warn1",
48+
"HEADER warning
49+
BODY: warning",
4950
],
5051
Array [
51-
"warn2",
52+
"HEADER warning
53+
BODY: warning",
5254
],
5355
Array [
54-
"warn3",
56+
"HEADER warning
57+
BODY: warning",
5558
],
5659
]
5760
`;

‎test/client/__snapshots__/index.test.js.snap.webpack5

+6-3
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,16 @@ exports[`index should run onSocketMessage.warnings 2`] = `"Warnings"`;
4545
exports[`index should run onSocketMessage.warnings 3`] = `
4646
Array [
4747
Array [
48-
"warn1",
48+
"HEADER warning
49+
BODY: warning",
4950
],
5051
Array [
51-
"warn2",
52+
"HEADER warning
53+
BODY: warning",
5254
],
5355
Array [
54-
"warn3",
56+
"HEADER warning
57+
BODY: warning",
5558
],
5659
]
5760
`;

‎test/client/index.test.js

+3
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,9 @@ describe("index", () => {
3939
jest.setMock("../../client-src/overlay.js", {
4040
hide: jest.fn(),
4141
show: jest.fn(),
42+
formatProblem: (item) => {
43+
return { header: "HEADER warning", body: `BODY: ${item}` };
44+
},
4245
});
4346
overlay = require("../../client-src/overlay");
4447

‎test/e2e/__snapshots__/logging.test.js.snap.webpack4

+20-10
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,8 @@ Array [
1919
"[webpack-dev-server] Hot Module Replacement enabled.",
2020
"[webpack-dev-server] Live Reloading enabled.",
2121
"[webpack-dev-server] Errors while compiling. Reload prevented.",
22-
"[webpack-dev-server] Error from compilation",
22+
"[webpack-dev-server] ERROR
23+
Error from compilation",
2324
]
2425
`;
2526

@@ -30,7 +31,8 @@ Array [
3031
"[webpack-dev-server] Hot Module Replacement enabled.",
3132
"[webpack-dev-server] Live Reloading enabled.",
3233
"[webpack-dev-server] Errors while compiling. Reload prevented.",
33-
"[webpack-dev-server] Error from compilation",
34+
"[webpack-dev-server] ERROR
35+
Error from compilation",
3436
]
3537
`;
3638

@@ -122,15 +124,17 @@ exports[`logging should work and log only error (sockjs) 1`] = `
122124
Array [
123125
"Hey.",
124126
"[webpack-dev-server] Errors while compiling. Reload prevented.",
125-
"[webpack-dev-server] Error from compilation",
127+
"[webpack-dev-server] ERROR
128+
Error from compilation",
126129
]
127130
`;
128131

129132
exports[`logging should work and log only error (ws) 1`] = `
130133
Array [
131134
"Hey.",
132135
"[webpack-dev-server] Errors while compiling. Reload prevented.",
133-
"[webpack-dev-server] Error from compilation",
136+
"[webpack-dev-server] ERROR
137+
Error from compilation",
134138
]
135139
`;
136140

@@ -166,19 +170,23 @@ exports[`logging should work and log warning and errors (sockjs) 1`] = `
166170
Array [
167171
"Hey.",
168172
"[webpack-dev-server] Warnings while compiling.",
169-
"[webpack-dev-server] Warning from compilation",
173+
"[webpack-dev-server] WARNING
174+
Warning from compilation",
170175
"[webpack-dev-server] Errors while compiling. Reload prevented.",
171-
"[webpack-dev-server] Error from compilation",
176+
"[webpack-dev-server] ERROR
177+
Error from compilation",
172178
]
173179
`;
174180

175181
exports[`logging should work and log warning and errors (ws) 1`] = `
176182
Array [
177183
"Hey.",
178184
"[webpack-dev-server] Warnings while compiling.",
179-
"[webpack-dev-server] Warning from compilation",
185+
"[webpack-dev-server] WARNING
186+
Warning from compilation",
180187
"[webpack-dev-server] Errors while compiling. Reload prevented.",
181-
"[webpack-dev-server] Error from compilation",
188+
"[webpack-dev-server] ERROR
189+
Error from compilation",
182190
]
183191
`;
184192

@@ -189,7 +197,8 @@ Array [
189197
"[webpack-dev-server] Hot Module Replacement enabled.",
190198
"[webpack-dev-server] Live Reloading enabled.",
191199
"[webpack-dev-server] Warnings while compiling.",
192-
"[webpack-dev-server] Warning from compilation",
200+
"[webpack-dev-server] WARNING
201+
Warning from compilation",
193202
]
194203
`;
195204

@@ -200,7 +209,8 @@ Array [
200209
"[webpack-dev-server] Hot Module Replacement enabled.",
201210
"[webpack-dev-server] Live Reloading enabled.",
202211
"[webpack-dev-server] Warnings while compiling.",
203-
"[webpack-dev-server] Warning from compilation",
212+
"[webpack-dev-server] WARNING
213+
Warning from compilation",
204214
]
205215
`;
206216

‎test/e2e/__snapshots__/logging.test.js.snap.webpack5

+20-10
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,8 @@ Array [
1919
"[webpack-dev-server] Hot Module Replacement enabled.",
2020
"[webpack-dev-server] Live Reloading enabled.",
2121
"[webpack-dev-server] Errors while compiling. Reload prevented.",
22-
"[webpack-dev-server] Error from compilation",
22+
"[webpack-dev-server] ERROR
23+
Error from compilation",
2324
]
2425
`;
2526

@@ -30,7 +31,8 @@ Array [
3031
"[webpack-dev-server] Hot Module Replacement enabled.",
3132
"[webpack-dev-server] Live Reloading enabled.",
3233
"[webpack-dev-server] Errors while compiling. Reload prevented.",
33-
"[webpack-dev-server] Error from compilation",
34+
"[webpack-dev-server] ERROR
35+
Error from compilation",
3436
]
3537
`;
3638

@@ -122,15 +124,17 @@ exports[`logging should work and log only error (sockjs) 1`] = `
122124
Array [
123125
"Hey.",
124126
"[webpack-dev-server] Errors while compiling. Reload prevented.",
125-
"[webpack-dev-server] Error from compilation",
127+
"[webpack-dev-server] ERROR
128+
Error from compilation",
126129
]
127130
`;
128131

129132
exports[`logging should work and log only error (ws) 1`] = `
130133
Array [
131134
"Hey.",
132135
"[webpack-dev-server] Errors while compiling. Reload prevented.",
133-
"[webpack-dev-server] Error from compilation",
136+
"[webpack-dev-server] ERROR
137+
Error from compilation",
134138
]
135139
`;
136140

@@ -166,19 +170,23 @@ exports[`logging should work and log warning and errors (sockjs) 1`] = `
166170
Array [
167171
"Hey.",
168172
"[webpack-dev-server] Warnings while compiling.",
169-
"[webpack-dev-server] Warning from compilation",
173+
"[webpack-dev-server] WARNING
174+
Warning from compilation",
170175
"[webpack-dev-server] Errors while compiling. Reload prevented.",
171-
"[webpack-dev-server] Error from compilation",
176+
"[webpack-dev-server] ERROR
177+
Error from compilation",
172178
]
173179
`;
174180

175181
exports[`logging should work and log warning and errors (ws) 1`] = `
176182
Array [
177183
"Hey.",
178184
"[webpack-dev-server] Warnings while compiling.",
179-
"[webpack-dev-server] Warning from compilation",
185+
"[webpack-dev-server] WARNING
186+
Warning from compilation",
180187
"[webpack-dev-server] Errors while compiling. Reload prevented.",
181-
"[webpack-dev-server] Error from compilation",
188+
"[webpack-dev-server] ERROR
189+
Error from compilation",
182190
]
183191
`;
184192

@@ -189,7 +197,8 @@ Array [
189197
"[webpack-dev-server] Hot Module Replacement enabled.",
190198
"[webpack-dev-server] Live Reloading enabled.",
191199
"[webpack-dev-server] Warnings while compiling.",
192-
"[webpack-dev-server] Warning from compilation",
200+
"[webpack-dev-server] WARNING
201+
Warning from compilation",
193202
]
194203
`;
195204

@@ -200,7 +209,8 @@ Array [
200209
"[webpack-dev-server] Hot Module Replacement enabled.",
201210
"[webpack-dev-server] Live Reloading enabled.",
202211
"[webpack-dev-server] Warnings while compiling.",
203-
"[webpack-dev-server] Warning from compilation",
212+
"[webpack-dev-server] WARNING
213+
Warning from compilation",
204214
]
205215
`;
206216

‎test/e2e/__snapshots__/overlay.test.js.snap.webpack4

+21-21
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ exports[`overlay should not show initially, then show on an error and allow to c
6363
X</button
6464
><br /><br />
6565
<div>
66-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
66+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
6767
<div>
6868
./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
6969
need an appropriate loader to handle this file type, currently no
@@ -145,7 +145,7 @@ exports[`overlay should not show initially, then show on an error, then hide on
145145
X</button
146146
><br /><br />
147147
<div>
148-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
148+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
149149
<div>
150150
./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
151151
need an appropriate loader to handle this file type, currently no
@@ -227,7 +227,7 @@ exports[`overlay should not show initially, then show on an error, then show oth
227227
X</button
228228
><br /><br />
229229
<div>
230-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
230+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
231231
<div>
232232
./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
233233
need an appropriate loader to handle this file type, currently no
@@ -276,7 +276,7 @@ exports[`overlay should not show initially, then show on an error, then show oth
276276
X</button
277277
><br /><br />
278278
<div>
279-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
279+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
280280
<div>
281281
./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
282282
need an appropriate loader to handle this file type, currently no
@@ -377,12 +377,12 @@ exports[`overlay should show a warning and error for initial compilation and pro
377377
X</button
378378
><br /><br />
379379
<div>
380-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
380+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
381381
<div>&lt;strong&gt;strong&lt;/strong&gt;</div>
382382
<br /><br />
383383
</div>
384384
<div>
385-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
385+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
386386
<div>&lt;strong&gt;strong&lt;/strong&gt;</div>
387387
<br /><br />
388388
</div>
@@ -445,27 +445,27 @@ exports[`overlay should show a warning and error for initial compilation: overla
445445
X</button
446446
><br /><br />
447447
<div>
448-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
448+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
449449
<div>Warning from compilation</div>
450450
<br /><br />
451451
</div>
452452
<div>
453-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
453+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
454454
<div>Warning from compilation</div>
455455
<br /><br />
456456
</div>
457457
<div>
458-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
458+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
459459
<div>Error from compilation. Can't find 'test' module.</div>
460460
<br /><br />
461461
</div>
462462
<div>
463-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
463+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
464464
<div>Error from compilation. Can't find 'test' module.</div>
465465
<br /><br />
466466
</div>
467467
<div>
468-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
468+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
469469
<div>Error from compilation. Can't find 'test' module.</div>
470470
<br /><br />
471471
</div>
@@ -528,7 +528,7 @@ exports[`overlay should show a warning and hide them after closing connection: o
528528
X</button
529529
><br /><br />
530530
<div>
531-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
531+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
532532
<div>Warning from compilation</div>
533533
<br /><br />
534534
</div>
@@ -598,7 +598,7 @@ exports[`overlay should show a warning for initial compilation: overlay html 1`]
598598
X</button
599599
><br /><br />
600600
<div>
601-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
601+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
602602
<div>Warning from compilation</div>
603603
<br /><br />
604604
</div>
@@ -661,7 +661,7 @@ exports[`overlay should show a warning when "client.overlay" is "true": overlay
661661
X</button
662662
><br /><br />
663663
<div>
664-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
664+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
665665
<div>Warning from compilation</div>
666666
<br /><br />
667667
</div>
@@ -724,7 +724,7 @@ exports[`overlay should show a warning when "client.overlay.errors" is "true": o
724724
X</button
725725
><br /><br />
726726
<div>
727-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
727+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
728728
<div>Warning from compilation</div>
729729
<br /><br />
730730
</div>
@@ -787,7 +787,7 @@ exports[`overlay should show a warning when "client.overlay.warnings" is "true":
787787
X</button
788788
><br /><br />
789789
<div>
790-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
790+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
791791
<div>Warning from compilation</div>
792792
<br /><br />
793793
</div>
@@ -850,7 +850,7 @@ exports[`overlay should show an ansi formatted error for initial compilation: ov
850850
X</button
851851
><br /><br />
852852
<div>
853-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
853+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
854854
<div>
855855
<span
856856
style=\\"
@@ -926,7 +926,7 @@ exports[`overlay should show an error for initial compilation: overlay html 1`]
926926
X</button
927927
><br /><br />
928928
<div>
929-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
929+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
930930
<div>Error from compilation. Can't find 'test' module.</div>
931931
<br /><br />
932932
</div>
@@ -989,7 +989,7 @@ exports[`overlay should show an error when "client.overlay" is "true": overlay h
989989
X</button
990990
><br /><br />
991991
<div>
992-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
992+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
993993
<div>Error from compilation. Can't find 'test' module.</div>
994994
<br /><br />
995995
</div>
@@ -1052,7 +1052,7 @@ exports[`overlay should show an error when "client.overlay.errors" is "true": ov
10521052
X</button
10531053
><br /><br />
10541054
<div>
1055-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
1055+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
10561056
<div>Error from compilation. Can't find 'test' module.</div>
10571057
<br /><br />
10581058
</div>
@@ -1115,7 +1115,7 @@ exports[`overlay should show an error when "client.overlay.warnings" is "true":
11151115
X</button
11161116
><br /><br />
11171117
<div>
1118-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
1118+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
11191119
<div>Warning from compilation</div>
11201120
<br /><br />
11211121
</div>

‎test/e2e/__snapshots__/overlay.test.js.snap.webpack5

+25-21
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,8 @@ exports[`overlay should not show initially, then show on an error and allow to c
6363
X</button
6464
><br /><br />
6565
<div>
66-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
66+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR in ./foo.js 1:1</span
67+
><br /><br />
6768
<div>
6869
Module parse failed: Unterminated template (1:1) You may need an
6970
appropriate loader to handle this file type, currently no loaders are
@@ -145,7 +146,8 @@ exports[`overlay should not show initially, then show on an error, then hide on
145146
X</button
146147
><br /><br />
147148
<div>
148-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
149+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR in ./foo.js 1:1</span
150+
><br /><br />
149151
<div>
150152
Module parse failed: Unterminated template (1:1) You may need an
151153
appropriate loader to handle this file type, currently no loaders are
@@ -227,7 +229,8 @@ exports[`overlay should not show initially, then show on an error, then show oth
227229
X</button
228230
><br /><br />
229231
<div>
230-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
232+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR in ./foo.js 1:1</span
233+
><br /><br />
231234
<div>
232235
Module parse failed: Unterminated template (1:1) You may need an
233236
appropriate loader to handle this file type, currently no loaders are
@@ -276,7 +279,8 @@ exports[`overlay should not show initially, then show on an error, then show oth
276279
X</button
277280
><br /><br />
278281
<div>
279-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
282+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR in ./foo.js 1:1</span
283+
><br /><br />
280284
<div>
281285
Module parse failed: Unterminated template (1:1) You may need an
282286
appropriate loader to handle this file type, currently no loaders are
@@ -377,12 +381,12 @@ exports[`overlay should show a warning and error for initial compilation and pro
377381
X</button
378382
><br /><br />
379383
<div>
380-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
384+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
381385
<div>&lt;strong&gt;strong&lt;/strong&gt;</div>
382386
<br /><br />
383387
</div>
384388
<div>
385-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
389+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
386390
<div>&lt;strong&gt;strong&lt;/strong&gt;</div>
387391
<br /><br />
388392
</div>
@@ -445,27 +449,27 @@ exports[`overlay should show a warning and error for initial compilation: overla
445449
X</button
446450
><br /><br />
447451
<div>
448-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
452+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
449453
<div>Warning from compilation</div>
450454
<br /><br />
451455
</div>
452456
<div>
453-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
457+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
454458
<div>Warning from compilation</div>
455459
<br /><br />
456460
</div>
457461
<div>
458-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
462+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
459463
<div>Error from compilation. Can't find 'test' module.</div>
460464
<br /><br />
461465
</div>
462466
<div>
463-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
467+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
464468
<div>Error from compilation. Can't find 'test' module.</div>
465469
<br /><br />
466470
</div>
467471
<div>
468-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
472+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
469473
<div>Error from compilation. Can't find 'test' module.</div>
470474
<br /><br />
471475
</div>
@@ -528,7 +532,7 @@ exports[`overlay should show a warning and hide them after closing connection: o
528532
X</button
529533
><br /><br />
530534
<div>
531-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
535+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
532536
<div>Warning from compilation</div>
533537
<br /><br />
534538
</div>
@@ -598,7 +602,7 @@ exports[`overlay should show a warning for initial compilation: overlay html 1`]
598602
X</button
599603
><br /><br />
600604
<div>
601-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
605+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
602606
<div>Warning from compilation</div>
603607
<br /><br />
604608
</div>
@@ -661,7 +665,7 @@ exports[`overlay should show a warning when "client.overlay" is "true": overlay
661665
X</button
662666
><br /><br />
663667
<div>
664-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
668+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
665669
<div>Warning from compilation</div>
666670
<br /><br />
667671
</div>
@@ -724,7 +728,7 @@ exports[`overlay should show a warning when "client.overlay.errors" is "true": o
724728
X</button
725729
><br /><br />
726730
<div>
727-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
731+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
728732
<div>Warning from compilation</div>
729733
<br /><br />
730734
</div>
@@ -787,7 +791,7 @@ exports[`overlay should show a warning when "client.overlay.warnings" is "true":
787791
X</button
788792
><br /><br />
789793
<div>
790-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
794+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
791795
<div>Warning from compilation</div>
792796
<br /><br />
793797
</div>
@@ -850,7 +854,7 @@ exports[`overlay should show an ansi formatted error for initial compilation: ov
850854
X</button
851855
><br /><br />
852856
<div>
853-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
857+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
854858
<div>
855859
<span
856860
style=\\"
@@ -926,7 +930,7 @@ exports[`overlay should show an error for initial compilation: overlay html 1`]
926930
X</button
927931
><br /><br />
928932
<div>
929-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
933+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
930934
<div>Error from compilation. Can't find 'test' module.</div>
931935
<br /><br />
932936
</div>
@@ -989,7 +993,7 @@ exports[`overlay should show an error when "client.overlay" is "true": overlay h
989993
X</button
990994
><br /><br />
991995
<div>
992-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
996+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
993997
<div>Error from compilation. Can't find 'test' module.</div>
994998
<br /><br />
995999
</div>
@@ -1052,7 +1056,7 @@ exports[`overlay should show an error when "client.overlay.errors" is "true": ov
10521056
X</button
10531057
><br /><br />
10541058
<div>
1055-
<span style=\\"color: rgb(227, 96, 73)\\">Error:</span><br /><br />
1059+
<span style=\\"color: rgb(227, 96, 73)\\">ERROR</span><br /><br />
10561060
<div>Error from compilation. Can't find 'test' module.</div>
10571061
<br /><br />
10581062
</div>
@@ -1115,7 +1119,7 @@ exports[`overlay should show an error when "client.overlay.warnings" is "true":
11151119
X</button
11161120
><br /><br />
11171121
<div>
1118-
<span style=\\"color: rgb(227, 96, 73)\\">Warning:</span><br /><br />
1122+
<span style=\\"color: rgb(227, 96, 73)\\">WARNING</span><br /><br />
11191123
<div>Warning from compilation</div>
11201124
<br /><br />
11211125
</div>

0 commit comments

Comments
 (0)
Please sign in to comment.