pseudo-elements-valid.html (1156B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Test pseudo elements parsing of valid selectors</title> 4 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 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 ["*", "root", "dashed-ident"]) { 28 test_valid_selector_combinations(`${functionName}(${validArgument})`); 29 test_valid_selector_combinations(`${functionName}(${validArgument}):only-child`); 30 } 31 } 32 </script>