jest-styled-components

property $$typeof

$$typeof: Symbol;

property sample

sample?: string | RegExp | object | Array<any> | Function;

method toHaveStyleRule

toHaveStyleRule: {
    (property: string, value?: Value): R;
    (property: string, value?: Value, options?: Options): R;
};

• Assert that a CSS property has the expected value on a styled component.

  Parameter property

  The CSS property name, e.g. 'color', 'background'.

  Parameter value

  The expected value. Accepts a string, RegExp, Jest asymmetric matcher, or undefined to assert the property is not set. Optional when used with .not.

  Parameter options

  Narrow the match to rules inside at-rules (media, supports), with specific selectors (modifier), or by raw CSS selector (selector).

property container

container?: string;

• Target rules within a specific @container at-rule, e.g. '(min-width: 400px)'.

property layer

layer?: string;

• Target rules within a specific @layer at-rule, e.g. 'utilities'.

property media

media?: string;

• Target rules within a specific @media at-rule, e.g. '(max-width: 640px)'. Whitespace around colons is normalized automatically.

property modifier

modifier?: string | ReturnType<typeof css>;

• Refine the selector used to match rules. Supports pseudo-selectors (:hover), combinators (> div), the & self-reference (&&, &.active), parent selectors (.parent &), and the styled-components css helper for component selectors.

property namespace

namespace?: string;

• Match rules prefixed by a StyleSheetManager namespace, e.g. '#app'.

property selector

selector?: string;

• Match rules by CSS selector string instead of by component class name. Useful for testing createGlobalStyle styles, e.g. { selector: 'body' }. When set, the component argument to toHaveStyleRule is ignored.

property supports

supports?: string;

• Target rules within a specific @supports at-rule, e.g. '(display: grid)'.