Uh oh!
There was an error while loading. Please reload this page.
Fix mocking assets with special characters in the file path - #584
Conversation
The regexes in the Jest `moduleNameMapper` configs were a bit too strict, causing them to not pick up files with special characters like `@` in the file path. Change them to match anything with the correct file extension.
| moduleNameMapper: { | ||
| '^[./a-zA-Z0-9$_-]+\\.(jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm)$': resolve('config/jest/FileStub.js'), | ||
| '^[./a-zA-Z0-9$_-]+\\.css$': resolve('config/jest/CSSStub.js') | ||
| '^.+\\.(jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm)$': resolve('config/jest/FileStub.js'), |
There was a problem hiding this comment.
If you are going to ignore everything before the end, you can just omit ^.+ altogether and just write \\.css$
There was a problem hiding this comment.
That's a good idea. However, turns out the files don't get stubbed, if I change this to \\.css$. This looks like a possible bug in Jest to me (unless it's only supposed to work with regexes that match the whole path). When given a non-anchored regex, this line doesn't replace the module name correctly.
I suggest that we merge this PR as-is, with the anchored regex, and we can open an issue in Jest about regexes like \\.css$ not working correctly.
vjeux
commented
Sep 6, 2016
Accepted. Feel free to merge it once you apply my comments :) |
fson
commented
Sep 10, 2016
@vjeux Mind if I merge this without your suggestion? Jest doesn't work with the partial regex at the moment. |
gaearon
commented
Sep 10, 2016
@fson 👍 |
vjeux
commented
Sep 10, 2016
Yeah go for it :) |
The regexes in the Jest `moduleNameMapper` configs were a bit too strict, causing them to not pick up files with special characters like `@` in the file path. Change them to match anything with the correct file extension.
The regexes in the Jest
moduleNameMapperconfigs were a bit too strict,causing them to not pick up files with special characters like
@in thefile path. Change them to match anything with the correct file extension.
Fixes#579.
Test plan:
template/src/logo@2x.png.import './logo@2x.png';toApp.js.npm test. Tests pass.