Jest
とQuasar framework
を使用してVueJS
を使用してみてください。簡単なテストを書く:
import { GetUserDictionaryDataComponent, Component } from '@/pages/configurations/components/';
describe('GetUserDictionaryDataComponent', () => {
it('should get correct type', () => {
const component = new GetUserDictionaryDataComponent(undefined);
expect(component.getComponentType()).toBe(Component.LEAF);
});
});
しかし、それは正しく機能しません。テストを実行してみると、エラーが発生します。
Test suite failed to run
Configuration error:
Could not locate module @/pages/configurations/components/ mapped as:
/home/user/git/my_project/client/src/pages/configurations/components/.
Please check your configuration for these entries:
{
"moduleNameMapper": {
"/^@\/(.*)$/": "/home/user/git/my_project/client/src/$1"
},
"resolver": null
}
> 1 | import { GetUserDictionaryDataComponent, Component } from '@/pages/configurations/components/';
| ^
2 |
3 | describe('GetUserDictionaryDataComponent', () => {
4 | it('should get correct type', () => {
at createNoMappedModuleFoundError (node_modules/@jest/core/node_modules/jest-resolve/build/index.js:472:17)
at Object.<anonymous> (src/tests/pages/configurations/components/GetUserDictionaryDataComponent.spec.js:1:1)
しかし、私はuderstandではありません、なぜこのエラーが発生します。チェックしました、パス/home/user/git/my_project/client/src/pages/configurations/components/
は正しい、私のクラスはそこにあります。
私はこれを書いた:
import GetUserDictionaryDataComponent from '@/pages/configurations/components/GetUserDictionaryDataComponent';
import Component from '@/pages/configurations/components/Component';
_
そしてそれは私のために働きます。
私のためにそれは最も単純な能動でした。私は使っていました
"\\.(css|less)$": "<rootDir>/__mocks__/styleMocks.js"
ですが、私のファイルはstyleMock.js
という名前でした
これが誰にも役立つことを願っています
保つ <rootDir>
package.jsonがどこにあるかのパスを指摘したい場合はそうです。
私は私のウェブパッパと同様の問題を抱えていたと思いました。私にとって、私はJESTのドキュメントを読み終え、その<rootDir>
私のルートディレクトリパスの場合は、ある種のプレースホルダーでした。そうではない...