Question

我正在使用笑话和样式化的组件，或更具体地说，使用jest-styled-components进行测试。

我对名为 FormField 的组件进行了更改，该组件使用了 Form 组件，在运行测试时，出现以下错误。

    undefined:42:16: property missing ':'

      31 |     );
      32 |     const tree = component.toJSON();
    > 33 |     expect(tree).toMatchSnapshot();
         |                  ^
      34 |   });
      35 | 
      36 |   test('update', () => {

笑话测试如下

  test('with field', () => {
    const component = renderer.create(
      <Grommet>
        <Form>
          <FormField name="test" />
        </Form>
      </Grommet>,
    );
    const tree = component.toJSON();
    expect(tree).toMatchSnapshot();
  });

我无法确定问题出在哪里，对组件所做的更改没有显示任何错误，并且在测试FormField组件时遇到了相同的错误。

Answer 1

我已解决问题。造成此问题的原因是，在对组件进行更改之后，我没有更新快照。

可以通过

完成

jest --updateSnapshot or jest --u

为什么在进行玩笑测试时会出现“ undefined：x：y：property”丢失错误？

1 个答案: