Jest проверить, существует ли атрибут элементов

Question

Я хочу проверить с помощью jest, содержит ли следующий элемент пути svg атрибут d
<path id="TrendLine" fill="none" stroke="black" d="M170,28.76363636363638C170,28.76363636363638,221.46221083573664,189.150059910"></path> Как использовать jest для поиска определенного атрибута в элементе?

Answer 1

Вы можете использовать поверхностный метод энзима , чтобы визуализировать ваш компонент, а затем проверить реквизиты элемента path:

// at the top of your test file file:
import { shallow } from 'enzyme';

...

it('should render path element with the expected d attribute', () => {
  // shallowly render your component:
  const wrapper = shallow(<Component />);

  // find the path element using a css selector
  const trendline = wrapper.find('path#TrendLine');

  // make assertion
  expect(trendline.props()).toHaveProperty('d', 'M170,28.76363636363638C170,28.76363636363638,221.46221083573664,189.150059910');
});