<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" title="1.4.2. Text Decoration Line Continuity: the text-decoration-skip-ink property"
      href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property" />
</head>
<body>
<script>
function testTextDecorationSkipInk() {
      test(
          function() {
              assert_equals(
                  getComputedStyle(document.body)["text-decoration-skip-ink"],
                  "auto",
                  "Must be set to value auto as initial value.");
          },
          'Body must have text-decoration-skip-ink auto by default.');
      test(
          function() {
              assert_true(CSS.supports('text-decoration-skip-ink', "auto"),
                          "Text-decoration-skip-ink must allow setting the value auto.");
              assert_true(CSS.supports('text-decoration-skip-ink', "none"),
                          "Text-decoration-skip-ink must allow setting the value none.");
              assert_true(CSS.supports('text-decoration-skip-ink', "all"),
                          "Text-decoration-skip-ink must allow setting the value all.");
          },
          'Property text-decoration-skip-ink must support values auto, none and all.')
}

testTextDecorationSkipInk();
</script>
</body>
</html>