Тестовые функции, переданные как подпорки компоненту

Question

У меня есть компонент таблицы, который использует Antd таблицы. Чтобы выделить строку, я передаю функцию:

rowClassName={(record, index) => record.id === props.highlightRow ? classes.Highlight : ''}

Теперь мое тестовое покрытие показывает, что эта строка не охватывается тестированием.

введите описание изображения здесь

Как мне это сделать?

Answer 1

it('should highlight row when id matches highlightRow', () => {
  const className = shallow(<YourComponent highLightRow="testId" />).find(Table).prop('rowClassName')({
    id: 'testId'
  });

  expect(className).toBe(classes.Highlight);
});

it('should not highlight row when id does not match highlightRow', () => {
  const className = shallow(<YourComponent highLightRow="newId" />).find(Table).prop('rowClassName')({
    id: 'testId'
  });

  expect(className).not.toBe(classes.Highlight);
});