This test verifies the style info overlaid on an inspected node.

empty-div{
  "padding": "0px",
  "margin": "0px",
  "background-color-unclamped-rgba": [
    0,
    0,
    1,
    1
  ],
  "background-color": "#0000FFFF"
}
div-with-text{
  "color-unclamped-rgba": [
    1,
    0,
    0,
    1
  ],
  "color": "#FF0000FF",
  "font-family": "<font-family value>",
  "font-size": "20px",
  "line-height": "normal",
  "padding": "0px",
  "margin": "0px",
  "background-color-unclamped-rgba": [
    0,
    0,
    1,
    1
  ],
  "background-color": "#0000FFFF"
}
section-with-wide-gamut-colors{
  "color-unclamped-rgba": [
    1.9055674076080322,
    -0.49176037311553955,
    1.0208687782287598,
    1
  ],
  "color-css-text": "color(xyz-d50 2 0.9 0.79)",
  "color": "#FF00FFFF",
  "font-family": "<font-family value>",
  "font-size": "16px",
  "line-height": "normal",
  "padding": "0px",
  "margin": "0px",
  "background-color-unclamped-rgba": [
    1.02077317237854,
    0.7738876938819885,
    0.8761119842529297,
    1
  ],
  "background-color-css-text": "lab(86 26 -3.8)",
  "background-color": "#FFC5DFFF"
}