vue 3 jestテスト環境ピットの構成
1617 ワード
基本的な配置はネット上にありますが、ここでは詳しく説明しません.踏んだ穴について話します.現在 の実行に成功した後、私が自分で書いたdialogコンポーネントのテスト例の実行に失敗しました.エラー: になります.
jestは26+のバージョンしか使えず、最新の27+は使えない.さらに検索してみるとnpm install jest --save-devがCannot destructure property 'config' of 'undefined'を呼び出したvue-jestメソッドの場合は3つのパラメータしか伝わっていないことから、getCacheKeyバージョンに問題があると判断し、jestの配置を見てみるとvue-jest 26バージョンを使用していたことがわかり、すぐに26バージョンに変更して実行したが、現在はまだ別のエラーにすぎないと悟った.検討したところ、getCacheKeyセットのパッケージのバージョンの問題で、すべて26+に変更して実行し、成功した.次に、私が正常に稼働したjestのelement-plusに関連するパッケージ構成を示します. "@types/jest": "^26.0.23",
"babel-jest": "^26.3.0",
"jest": "^26.6.3",
"ts-jest": "^26.0.0",jest、具体的なコード:const TESTSTR = 'risk everywhere risk everywhere risk everywhere';
describe('Dialog vue',() => {
test('dialog should have content when content has been given', async () => {
const wrapper = mount(Dialog,{
props:{
content: TESTSTR,
modelValue: true
}
});
await nextTick();
expect(wrapper.find('.modal-body').text()).toEqual(TESTSTR);
});
});