| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Scoping: ::slotted pseudo parsing</title> |
| <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com"> |
| <link rel="help" href="https://drafts.csswg.org/css-scoping/#slotted-pseudo"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <style id="styleElm"> |
| </style> |
| <script> |
| function parse_selector(selector_text) { |
| try { |
| styleElm.sheet.insertRule(selector_text+"{}"); |
| styleElm.sheet.deleteRule(0); |
| return true; |
| } catch (ex) { |
| return false; |
| } |
| } |
| |
| function test_valid_selector(selector_text) { |
| test(function(){ |
| assert_true(parse_selector(selector_text)); |
| }, "Should be a valid selector: '" + selector_text + "'"); |
| } |
| |
| function test_invalid_selector(selector_text) { |
| test(function(){ |
| assert_false(parse_selector(selector_text)); |
| }, "Should be an invalid selector: '" + selector_text + "'"); |
| } |
| |
| test_invalid_selector("::slotted"); |
| test_invalid_selector("::slotted()"); |
| test_invalid_selector("::slotted(*).class"); |
| test_invalid_selector("::slotted(*)#id {}"); |
| test_invalid_selector("::slotted(*)[attr]"); |
| test_invalid_selector("::slotted(*):hover"); |
| test_invalid_selector("::slotted(*):read-only"); |
| test_invalid_selector("::slotted(*)::slotted(*)"); |
| test_invalid_selector("::slotted(*)::before::slotted(*)"); |
| test_invalid_selector("::slotted(*) span"); |
| |
| test_valid_selector("::slotted(*)"); |
| test_valid_selector("::slotted(div)"); |
| test_valid_selector("::slotted([attr]:hover)"); |
| test_valid_selector("::slotted(:not(.a))"); |
| |
| // Allow tree-abiding pseudo elements after ::slotted |
| test_valid_selector("::slotted(*)::before"); |
| test_valid_selector("::slotted(*)::after"); |
| |
| // Other pseudo elements not valid after ::slotted |
| test_invalid_selector("::slotted(*)::first-line"); |
| test_invalid_selector("::slotted(*)::first-letter"); |
| test_invalid_selector("::slotted(*)::selection"); |
| </script> |
