Почему я получаю сообщение об ошибке «undefined: x: y: property» при выполнении шутливых тестов?

Question

Я использую компоненты jest & styled, или, более конкретно, компоненты jest-styled- для тестирования.

Я внес изменения в компонент с именем FormField , который использовал компонент Форма , при выполнении тестов я получаю следующую ошибку.

    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