Я пытаюсь проверить заданный по умолчанию и измененный фон, основываясь на переданном активном реквизита, однако 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 | );