Свойство фона не найдено в tohaveStyleRule Jest-emotion - PullRequest
0 голосов
/ 31 января 2020

Я пытаюсь проверить заданный по умолчанию и измененный фон, основываясь на переданном активном реквизита, однако jest-emotion утверждает, что не может найти фон свойства в стилизованном компоненте. Я попытался сделать его более точным c (background-color & background-image), но ни одна из них не работает.

Стилизованный компонент:

const StyledButtonToolbar = styledWithTheme(ButtonToolbar)<StylingProps>`
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 26px;
    padding-left: 30px;
    background: linear-gradient(to right, transparent, ${(props: any) =>
        props.active === "true" ? props.theme.colors.highlight : "white"});
`;

Ожидаемое состояние по умолчанию:

expect(wrapper.find(ButtonToolbar)).toHaveStyleRule(
        "background",
        "linear-gradient(to right, transparent, white)",
);

Ошибка:

Property not found: background

  38 |             </Provider>,
  39 |         );
> 40 |         expect(wrapper.find(ButtonToolbar)).toHaveStyleRule(
     |                                             ^
  41 |             "background-image",
  42 |             `linear-gradient(to right, transparent, ${props => props.theme.colors.highlight})`,
  43 |         );
...