pseudo-elements-invalid-with-classes.html (1132B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Test pseudo elements parsing of invalid selectors with classes</title> 4 <link rel="author" href="https://github.com/noamr"> 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_invalid_selector_combinations(pseudo) { 18 test_invalid_selector(`${pseudo}.a`); 19 test_invalid_selector(`${pseudo} div`); 20 test_invalid_selector(`${pseudo}:hover`); 21 test_invalid_selector(`:not(${pseudo})`); 22 test_invalid_selector(`:has(${pseudo})`); 23 } 24 25 for (const fn of functionPseudoElements) { 26 test_invalid_selector(`${fn}(*.*)`); 27 test_invalid_selector(`${fn}(*. cls)`); 28 test_invalid_selector(`${fn}(*.cls. c)`); 29 test_invalid_selector(`${fn}(*.cls>cls)`); 30 test_invalid_selector(`${fn}(*.cls.foo.*)`); 31 } 32 </script>