创建快照时，Jest / Enzyme ShallowWrapper为空

  • Z时代
  • 2024-01-10
  • 分类：问答

所以我正在为我的Item组件编写一个测试ItemCard，然后尝试渲染该组件，然后使用该包装器创建快照，但是它返回一个空ShallowWrapper

{}

请查看代码以获取更多信息：

Item.test.js

import { shallow } from 'enzyme';
import { ItemCard } from '../Item';
const fakeItem = {
  id: 'aksnfj23',
  title: 'Fake Coat',
  price: '40000',
  description: 'This is suuuper fake...',
  image: 'fakecoat.jpg',
  largeImage: 'largefakecoat.jpg',
};
describe('<ItemCard/>', () => {
  it('renders and matches the snapshot', () => {
    const wrapper = shallow(<ItemCard me item={fakeItem} showButtons />);
    // console.log(wrapper.debug());
    expect(wrapper).toMatchSnapshot();
  });
});

它创建的快照：

// Jest Snapshot v1
exports[`<ItemCard/> renders and matches the snapshot 1`] = `ShallowWrapper {}`;

据我所知ShallowWrapper应该在其中包含一些内容，而不是为空。

有人可以告诉我我在做什么错吗？

谢谢

回答：

更新到jest@24.0.0后，我遇到了同样的问题。我暂时恢复到以前的版本jest@23.6.0，直到我发现发生了什么变化。如果发现更改，请在此处发布。

以上是 创建快照时，Jest / Enzyme ShallowWrapper为空 的全部内容， 来源链接： utcz.com/qa/408324.html

回到顶部