Как использовать библиотеку классов реагирующего тестирования с модулями s css? - PullRequest
Новая
       48

Как использовать библиотеку классов реагирующего тестирования с модулями s css?

0 голосов
/ 20 января 2020

У меня есть компонент React с цветом фона, который зависит от пропущенной проповеди этапа. Например, когда сцена «Внутренняя», я устанавливаю цвет фона с помощью класса color-primary-light-10.

Я использую React Testing Library и Jest Dom, чтобы проверить, что применяется правильный цвет: 

it("should render internal stage using light primary color", () => {
    const {getByTestId} = render(<Background stage={"Internal"} />);
    expect(getByTestId(/background/i)).toHaveClass("color-primary-light-10");
});

Однако, поскольку я использую модули S CSS, я получаю следующую ошибку: 

Expected the element to have class:
  color-primary-light-10
Received:
  stage Background-module-scss__background___3TL4w Background-module-scss__color-primary-light-10___3CLwc

Я попытался прочитать раздел toHaveClass в документации Jest Dom, но я не мог понять, как это проверить.

Как проверить, что я применяю правильный класс при использовании модулей S CSS?

...