Question

我有一对组件，如下所示：

ParentComponent -ChildComponent

在父级中呈现子级的位置。前端没有控制台错误。

但是，一个简单的笑话测试：

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

失败并给出警告：

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

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

为什么会这样？有没有一种方法可以更好地调试测试过程，以查看为什么孩子没有出现在父母中？

在测试的顶部，有一个beforeEach可以通过模拟存储来浅层安装父级。 ShallowMount不是问题，因为该测试无法在mount上运行。

Answer 1

找到了答案-Vue不喜欢使用路由器来做router.push（“ routeName”），并且只能与this。$ router.push一起运行。 Vue没有给出任何有用的警告，因此反复试验是修复它的唯一方法！