Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Joe Haddad's avatar
    Polish webpack message output (#5174) · 7b1a32be
    Joe Haddad authored 
    * Only install react-scripts in CI mode

* Link locally

* Re-enable all output tests

* :lipstick: Polish webpack output

* Test sass support message

* Add more tests, but disabled

* Format missing default export error

* Format aliased import

* Why was node-sass required? Odd

* Format webpack rejection error

* Re-enable unknown package test

* Format file not found error and catch module scope plugin error

* Re-disable case sensitive paths

* Intercept and format case sensitive path errors

* Test out of scope message formatting

* Run behavior on macOS

* Run behavior on Node 8 and 10, only Node 8 for macOS

* Add some debugging

* Update matcher

* Only check stderr

* Remove old snapshot

* More debug

* Remove debug

* Add new debug

* Disable test on linux

* Add comment for future
    Unverified
    7b1a32be
index.test.js.snap 3.49 KiB
1 
// Jest Snapshot v1, https://goo.gl/fbAQLP
2
3 
exports[`webpack message formatting formats aliased unknown export 1`] = `
4 
Object {
5 
  "stderr": "Creating an optimized production build...
6 
Failed to compile.
7
8 
./src/App.js
9 
Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar2').
10
11
12 
",
13 
  "stdout": "",
14 
}
15 
`;
16
17 
exports[`webpack message formatting formats babel syntax error 1`] = `
18 
Object {
19 
  "stderr": "Creating an optimized production build...
20 
Failed to compile.
21
22 
./src/App.js
23 
Syntax error: Unterminated JSX contents (8:13)
24
25 
   6 |       <div>
26 
   7 |         <span>
27 
>  8 |       </div>
28 
     |             ^
29 
   9 |     );
30 
  10 |   }
31 
  11 | }
32
33
34 
",
35 
  "stdout": "",
36 
}
37 
`;
38
39 
exports[`webpack message formatting formats css syntax error 1`] = `
40 
Object {
41 
  "stderr": "Creating an optimized production build...
42 
Failed to compile.
43
44 
./src/AppCss.css
45 
Syntax error: Unexpected } (3:2)
46
47 
  1 | .App {
48 
  2 |   color: red;
49 
> 3 | }}
50 
    |  ^
51 
  4 |
52
53
54 
",
55 
  "stdout": "",
56 
}
57 
`;
58
59 
exports[`webpack message formatting formats eslint error 1`] = `
60 
Object {
61 
  "stderr": "Creating an optimized production build...
62 
Failed to compile.
63
64 
./src/App.js
65 
  Line 4:  'b' is not defined  no-undef
66
67 
Search for the keywords to learn more about each error.
68
69
70 
",
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
"stdout": "", } `; exports[`webpack message formatting formats eslint warning 1`] = ` Object { "stderr": "", "stdout": "Creating an optimized production build... Compiled with warnings. ./src/App.js Line 3: 'foo' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. ", } `; exports[`webpack message formatting formats file not found error 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/App.js Cannot find file './ThisFileSouldNotExist' in './src'. ", "stdout": "", } `; exports[`webpack message formatting formats missing package 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/App.js Cannot find module: 'unknown-package'. Make sure this package is installed. You can install this package by running: yarn add unknown-package. ", "stdout": "", } `; exports[`webpack message formatting formats no default export 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/App.js Attempted import error: './ExportNoDefault' does not contain a default export (imported as 'myImport'). ", "stdout": "", } `; exports[`webpack message formatting formats out of scope error 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/App.js
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
You attempted to import ../OutOfScopeImport which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/. ", "stdout": "", } `; exports[`webpack message formatting formats unknown export 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/App.js Attempted import error: 'bar' is not exported from './AppUnknownExport'. ", "stdout": "", } `; exports[`webpack message formatting helps when users tries to use sass 1`] = ` Object { "stderr": "Creating an optimized production build... Failed to compile. ./src/AppSass.scss To import Sass files, you first need to install node-sass. Run \`npm install node-sass\` or \`yarn add node-sass\` inside your workspace. ", "stdout": "", } `;