Vue Jest 测试未知自定义元素 - 嵌套组件答案

【问题标题】：Vue Jest Test Unknown Custom Element - Nested ComponentVue Jest 测试未知自定义元素 - 嵌套组件
【发布时间】：2020-01-01 22:17:38
【问题描述】：

我有一对组件如下：

父组件 -- 子组件

子元素在父元素中呈现。前端没有控制台错误。

不过，一个简单的玩笑测试：

it("renders child form", () => {
        expect(wrapper.contains(Child)).toBe(true);
});

失败并给出警告：

Unknown custom element: <Child> - did you register the component correctly?

对子级的测试单独通过，并且父/子级依赖类似的存储和获取器，因此测试设置相同。

为什么会这样？有没有办法可以更好地调试测试过程，看看为什么孩子没有出现在父母身上？

在测试的顶部有一个beforeEach，它用模拟存储来浅挂载父级。 ShallowMount 不是问题，因为测试不使用 mount 运行。

【问题讨论】：

【解决方案1】：

找到答案 - Vue 不喜欢使用路由器来执行 router.push("routeName")，并且只会使用 this.$router.push 运行。 Vue 没有给出任何有用的警告，所以尝试和错误是修复它的唯一方法！

【讨论】：