CSS-supports-details-content-pseudo-parsing.html (1889B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS.supports() ::details-content parsing</title> 4 <link rel="author" title="Luke Warlow" href="mailto:lwarlow@igalia.com"> 5 <link rel="help" href="https://www.w3.org/TR/css-conditional-4/#the-css-namespace"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#element-like"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script> 10 test(function() { 11 assert_equals(CSS.supports("selector(::details-content)"), true); 12 }, "selector() function accepts ::details-content"); 13 14 test(function() { 15 assert_equals(CSS.supports("selector(::details-content::before)"), true); 16 }, "selector() function accepts ::details-content followed by ::before"); 17 18 test(function() { 19 assert_equals(CSS.supports("selector(::details-content::first-line)"), true); 20 }, "selector() function accepts ::details-content followed by ::first-line"); 21 22 test(function() { 23 assert_equals(CSS.supports("selector(::details-content:hover"), true); 24 }, "selector() function accepts ::details-content followed by a state pseudo-class"); 25 26 test(function() { 27 assert_equals(CSS.supports("selector(::details-content:lang(en)"), true); 28 }, "selector() function accepts ::details-content followed by :lang()"); 29 30 test(function() { 31 assert_equals(CSS.supports("selector(::details-content:nth-of-type(slot)"), false); 32 }, "selector() function doesn't accept ::details-content followed by a tree-structural pseudo-class"); 33 34 test(function() { 35 assert_equals(CSS.supports("selector(::details-content:has(a)"), false); 36 }, "selector() function doesn't accept ::details-content followed by :has()"); 37 38 test(function() { 39 assert_equals(CSS.supports("selector(::details-content::part(a)"), false); 40 }, "selector() function doesn't accept ::details-content followed by a part"); 41 </script>