CSS assert (toHaveCSS) ​

Expect assertion: the computed CSS property of the Target equals the expected value. The property name is Value. The computed value is expected_value. Both fields are required.

Step model ​

Target/Value facts match the source-of-truth catalog and Autotest step.

Steps ​

1. Add a toHaveCSS step.
2. Set Target.
3. In Value enter the property name, for example color.
4. In the expected value enter the computed value, for example rgb(0, 0, 0).
5. Save.

The step is stored on the autotest. Next - neighbouring steps or autotest run creation.

Examples ​

Heading color ​

Fields in the UI:

Step JSON fragment (copy-paste):

{
  "action_name": "toHaveCSS",
  "target": {
    "kind": "ROLE",
    "value": "heading",
    "name": "Cart"
  },
  "value_text": "color",
  "value_source_type": "INLINE",
  "expected_value": "rgb(0, 0, 0)"
}

Common mistakes ​

• expected_value is required. toHaveAttribute may omit the expected value; toHaveCSS may not.
• Write the computed value, not the stylesheet source. A color often arrives as rgb(...).

Screenshots ​

Screenshots of the step form for toHaveCSS will be added here in a later pass.