Можно ли использовать RegEx с React Testing Library для проверки имен классов?

Question

Вот строка из одного из моих тестов React Testing Library:

expect(queryByTestId('tile-sample-service')).toHaveClass('regularTile-0-2-24', 'btn', 'btn-outline-secondary');

Пока он работает, тест fr agile, потому что каждый раз, когда меняется структура компонента, мне нужно go верните и исправьте числа, которые изменились.

Есть ли способ использовать toHaveClass с запросами RegEx или есть какой-то другой способ проверить, присутствуют ли классы, но избегайте добавления таких вещей, как "0 -2-24 "?

Answer 1

Я думаю, что это невозможно с toHaveClass(...classNames: string[]), но вы можете использовать Shallow Renderer, попробуйте этот

import ShallowRenderer from 'react-test-renderer/shallow';


    it('match claas name', () => {
         const renderer = new ShallowRenderer();
         renderer.render(<Component  />);

         expect(renderer.getRenderOutput().props.className).toMatch(/button/i);

    })