<!DOCTYPE HTML>
<title>text-decoration shorthand serialization</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-decoration-property">
<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-declaration-block">
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
<div style="text-decoration: underline"></div>
<script>
test(() => {
  const style = getComputedStyle(document.querySelector('div'));
  const currentColor = "rgb(0, 0, 0)"; // The default color value is black.
  // The default computed value of text-decoration-color is depended on the
  // current color value, and it is an rgb() value, instead of `currentcolor`.
  // This is an ambiguous part in the spec, anyway.
  assert_equals(style.getPropertyValue("text-decoration"),
                "underline " + currentColor);
});
</script>
