pseudo-elements-valid-with-classes.html (1228B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Test pseudo elements parsing of valid selectors including classes</title> 4 <link rel="author" href="https://github.com/nrosenthal"> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/css/support/parsing-testcommon.js"></script> 9 <script> 10 const functionPseudoElements = [ 11 "::view-transition-group", 12 "::view-transition-image-pair", 13 "::view-transition-old", 14 "::view-transition-new", 15 ]; 16 17 function test_valid_selector_combinations(pseudo) { 18 test_valid_selector(pseudo); 19 test_valid_selector(`:root${pseudo}`); 20 test_valid_selector(`.a${pseudo}`); 21 test_valid_selector(`div ${pseudo}`); 22 } 23 24 test_valid_selector_combinations("::view-transition"); 25 26 for (const functionName of functionPseudoElements) { 27 for (const validArgument of 28 ["*.class", "*.class.class", "dashed-ident.someclass", "dash-id.dash-id", "foo.bar.baz"]) { 29 test_valid_selector_combinations(`${functionName}(${validArgument})`); 30 test_valid_selector_combinations(`${functionName}(${validArgument}):only-child`); 31 } 32 } 33 </script>