vue.js - 使用 Vue 测试工具全局模拟数据

Question

我在 Vue 中有一个组件，其中包含一个 img 标签，其中 src 的值来自 props。

<template>
  <div>
    <img src="some url">
  </div>
</template>

同样，这个 img 标签存在于我的许多组件中。为了在全局范围内模拟它，我制作了一个 jest.init.js 文件，我的代码是这样的

import VueTestUtils from "@vue/test-utils";
    
VueTestUtils.config.mocks["img"] =  {src: "rytui"};

但它不起作用。我应该怎么做？

Answer 1

某处。您需要像这样在 jest.config.js 中添加 setupFiles 配置

{
  setupFiles: ["<rootDir>/jest.init.js"],
}