При обновлении версии @ testing-library / jest-dom с 4.0.0 до 4.2.0 среагировать не удалось

Question

При обновлении версии @ testing-library / jest-dom с 4.0.0 до 4.2.0 отреагируют тестовые случаи, которые используются для проверки стилей с помощью toHaveStyles. Тестирование с использованием реагирующей библиотеки-тестирования:

test('renders component', () => {
const { getByTestId } = render(<Temp labels={labels} justify="end" />);
expect(getByTestId('temp')).toHaveStyle('justifyContent: end');

});

вышеприведенный тест не пройден и выдает ошибку следующим образом:

 ● Temp › renders component

expect(element).toHaveStyle()

- Expected

- justifyContent: end;
+ 

  24 |   test('renders component', () => {
  25 |     const { getByTestId } = render(<Temp labels={labels} justify="end" />);
> 26 |     expect(getByTestId('temp')).toHaveStyle('justifyContent: end');
     |                                   ^
  27 |   });
  28 | });
  29 | 

  at Object.toHaveStyle (src/components/Temp/tests/Temp.test.js:26:35)

Кто-нибудьзнаете решение этой проблемы?

Answer 1

toHaveStyle работает со стилем рендеринга , поэтому ваш тест должен быть:

expect(getByTestId('temp')).toHaveStyle('justify-content: end')