There is no proper solution for easily reading svg?inline from the component that you want to test.
jest: "29.5.0"
jest-transform-stub: "2.0.0"
babel-jest: "^29.5.0"
@vue/test-utils: "1.3.4"
@vue/vue2-jest: "29.2.4"
Steps to reproduce
Create a simple component and use *.svg?inline in it.
Try to write a simple test for that component.
Actual behaviour
● Test suite failed to run
Configuration error:
Could not locate module @/static/fonts/icons/chevron-right.svg?inline mapped as:
/Users/ari/Documents/Projects/noeku-boilerplate/src/$1.
Please check your configuration for these entries:
{
"moduleNameMapper": {
"/^@\/(.*)$/": "/Users/ari/Documents/Projects/noeku-boilerplate/src/$1"
},
"resolver": undefined
}
8 | >
9 | <component
> 10 | :is="back ? 'a' : 'nuxt-link'"
| ^
11 | v-bind="{[back ? 'href' : 'to']: link}"
12 | :title="text"
13 | class="breadcrumb__link"
at createNoMappedModuleFoundError (node_modules/jest-resolve/build/resolver.js:759:17)
at Object.require (src/components/Shared/Breadcrumb.vue:10:40)
at Object.require (src/components/Shared/tests/breadcrumb.test.js:6:1)
Tested Solutions
I found some solutions by creating a new transformer but they don't work on the latest test packages versions. Also one of the solutions was adding a new moduleNameMapper:
There is no proper solution for easily reading
svg?inline
from the component that you want to test.Steps to reproduce
*.svg?inline
in it.Actual behaviour
Tested Solutions
I found some solutions by creating a new transformer but they don't work on the latest test packages versions. Also one of the solutions was adding a new moduleNameMapper:
But this also leads us to another error: