Запускать тесты ax-core в наборе тестов Create-React-App

Question

Есть ли способ запустить ax-core в моих тестах create-реагировать на приложение? Который использует Jest.

Я знаю, я мог бы использовать что-то вроде response-ax, но похоже, что это просто вывод на хромированную консоль, и я пытаюсь получить результаты отдельно от моих тестов.

Я установил axe-core и попытался создать простой тест, но он, похоже, ничего не делает.

it('should render with no accessibility issues', (done) => {
  axe.run(document, function(err, results) {
    expect(results.violations.length).toBe(0);
    done();
  })
});

При выполнении этого я всегда получаю 4 ошибки, я полагаю, потому что документ полностью пуст.

1. Отсутствует заголовок документа
2. Отсутствует html lang
3. «Страница должна содержать один основной ориентир»
4. 'страница должна содержать заголовок первого уровня'

Я пытался вызвать ReactDOM.render(<App/>, document.createElement('div') и передать документ в качестве первого параметра в axe.run, но все равно с теми же ошибками, потому что он просто создает компонент и не использует мой index.html или что-то еще.

Это плохое место, чтобы пытаться сделать это тестирование? Где это должно быть?

Answer 1

Я не очень знаком с ax-core, но он выглядит как инструмент для тестирования в браузере. Где как шутка - это инструмент Node.js. Эти две разные среды. Я полагаю, вы могли бы исправить все эти предупреждения, которые вы получаете, с помощью некоторых хаков и обходных путей, но в конечном итоге это не похоже на правильный путь.

Вместо этого я бы предложил взглянуть на response-a11y и eslint-plugin-jsx-a11y. Или, если вы предпочитаете использовать ядро-топор, не используйте jest, выберите другой инструмент для тестирования в браузере.