代码之家 › 专栏 › 技术社区 › javamonkey79

调试未定义的jest快照

jestjs reactjs javascript

javamonkey79 · 技术社区 · 7 年前

我正在测试一些react代码,如下所示:

beforeEach(() => {
  wrapper = mount(
    <Provider store={store} >
      <MyPage params={params} location={location} />
    </Provider>
  );
});

test('renders My Page', () => {
  expect(wrapper).toMatchSnapshot();
});

wrapper 返回未定义的。

我已经调试了这个,它似乎没有渲染 <MyPage ...> 再也没有了。我试着移动 < 调用它自己的变量,但这也不起作用。最后,我还尝试将其从mount更改为shallow(不确定这有什么作用)。我看了这些文档,似乎找不到任何具体说明我如何知道它为什么不会呈现\装载的内容。

编辑1

在一位同事的帮助下,我解决了我的问题——问题是我正在使用 PropTypes.shape 而不是 PropTypes.shape() 我可以在本地复制,但似乎没有一个在线沙盒工具能让这变得简单。此外,由于它(使用无效的PropType),它实际上在开玩笑的时候悄悄地失败了。那么,有没有一种方法可以使用标准工具和技术检测到这一点?