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

Question

我有一对组件如下：

父组件 -- 子组件

其中 child 在 parent 内呈现。前端没有控制台错误。

然而，一个简单的笑话测试：

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

失败并发出警告：

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

child 上的测试单独通过，并且 parent/child 依赖于相似的存储和获取器，因此测试设置是相同的。

为什么会这样？有没有一种方法可以更好地调试测试正在进行的过程，以了解为什么 child 没有出现在 parent 中？

在测试的顶部有一个 beforeEach shallowMounts parent 与模拟商店。 ShallowMount 不是问题，因为测试没有运行 with mount.

Answer 1

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

Vue Jest Test Unknown Custom Element - Nested Component