93 lines
4.3 KiB
HTML
93 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<title>Pseudo-classes allowed after ::part()</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-shadow-parts/">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="../support/parsing-testcommon.js"></script>
|
|
|
|
<script>
|
|
"use strict";
|
|
|
|
// Test that non-structural pseudo-classes are allowed after ::part().
|
|
test_valid_selector("::part(mypart):active");
|
|
test_valid_selector("::part(mypart):active-view-transition");
|
|
test_valid_selector("::part(mypart):active-view-transition-type(mytype)");
|
|
test_valid_selector("::part(mypart):any-link");
|
|
test_valid_selector("::part(mypart):autofill");
|
|
test_valid_selector("::part(mypart):checked");
|
|
test_valid_selector("::part(mypart):default");
|
|
test_valid_selector("::part(mypart):defined");
|
|
test_valid_selector("::part(mypart):dir(ltr)");
|
|
test_valid_selector("::part(mypart):disabled");
|
|
test_valid_selector("::part(mypart):enabled");
|
|
test_valid_selector("::part(mypart):focus");
|
|
test_valid_selector("::part(mypart):focus-visible");
|
|
test_valid_selector("::part(mypart):focus-within");
|
|
test_valid_selector("::part(mypart):fullscreen");
|
|
test_valid_selector("::part(mypart):future");
|
|
test_valid_selector("::part(mypart):hover");
|
|
test_valid_selector("::part(mypart):indeterminate");
|
|
test_valid_selector("::part(mypart):in-range");
|
|
test_valid_selector("::part(mypart):invalid");
|
|
test_valid_selector("::part(mypart):lang(en)");
|
|
test_valid_selector("::part(mypart):link");
|
|
test_valid_selector("::part(mypart):modal");
|
|
test_valid_selector("::part(mypart):open");
|
|
test_valid_selector("::part(mypart):optional");
|
|
test_valid_selector("::part(mypart):out-of-range");
|
|
test_valid_selector("::part(mypart):past");
|
|
test_valid_selector("::part(mypart):paused");
|
|
test_valid_selector("::part(mypart):picture-in-picture");
|
|
test_valid_selector("::part(mypart):placeholder-shown");
|
|
test_valid_selector("::part(mypart):playing");
|
|
test_valid_selector("::part(mypart):popover-open");
|
|
test_valid_selector("::part(mypart):read-only");
|
|
test_valid_selector("::part(mypart):read-write");
|
|
test_valid_selector("::part(mypart):required");
|
|
test_valid_selector("::part(mypart):state(mystate)");
|
|
test_valid_selector("::part(mypart):target");
|
|
test_valid_selector("::part(mypart):user-invalid");
|
|
test_valid_selector("::part(mypart):user-valid");
|
|
test_valid_selector("::part(mypart):valid");
|
|
test_valid_selector("::part(mypart):visited");
|
|
test_valid_selector("::part(mypart):xr-overlay");
|
|
|
|
// Test that the @page pseudo-classes are not supported after ::part().
|
|
test_invalid_selector("::part(mypart):left");
|
|
test_invalid_selector("::part(mypart):right");
|
|
test_invalid_selector("::part(mypart):first");
|
|
|
|
// Test that structural pseudo-classes are not allowed after ::part().
|
|
test_invalid_selector("::part(mypart):empty");
|
|
test_invalid_selector("::part(mypart):first-child");
|
|
test_invalid_selector("::part(mypart):first-of-type");
|
|
test_invalid_selector("::part(mypart):last-child");
|
|
test_invalid_selector("::part(mypart):last-of-type");
|
|
test_invalid_selector("::part(mypart):nth-child(1)");
|
|
test_invalid_selector("::part(mypart):nth-last-child(1)");
|
|
test_invalid_selector("::part(mypart):nth-last-of-type(1)");
|
|
test_invalid_selector("::part(mypart):nth-of-type(1)");
|
|
test_invalid_selector("::part(mypart):only-child");
|
|
test_invalid_selector("::part(mypart):only-of-type");
|
|
|
|
// Test that pseudo-classes that match based on tree information are not allowed after ::part.
|
|
test_invalid_selector("::part(mypart):host");
|
|
test_invalid_selector("::part(mypart):host-context(:hover)");
|
|
test_invalid_selector("::part(mypart):has(p)");
|
|
test_invalid_selector("::part(mypart):has(:hover)");
|
|
test_invalid_selector("::part(mypart):scope");
|
|
|
|
// Test that :not() applies appropriate constraints for being after ::part(),
|
|
// but that :is() and :where() (which accept <forgiving-selector-list>) do
|
|
// not.
|
|
// Note that the serialization behavior of the last two is as-resolved in
|
|
// https://github.com/w3c/csswg-drafts/issues/8356 but it doesn't appear to be
|
|
// specified yet.
|
|
test_valid_selector("::part(mypart):not(:hover)")
|
|
test_valid_selector("::part(mypart):is(:hover)")
|
|
test_valid_selector("::part(mypart):where(:hover)")
|
|
test_invalid_selector("::part(mypart):not(:first-child)")
|
|
test_valid_forgiving_selector("::part(mypart):is(:first-child)")
|
|
test_valid_forgiving_selector("::part(mypart):where(:first-child)")
|
|
|
|
</script>
|