<!doctype html>
<meta charset="utf-8">
<title>CSS ::highlight Pseudo-Element Test: ::highlight selector parsing</title>
<link rel="help" href="https://drafts.csswg.org/css-highlight-api-1/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<script>
const pseudo = "::highlight(foo)";
test_valid_selector(pseudo);
test_valid_selector(`.a${pseudo}`);
test_valid_selector(`div ${pseudo}`);
test_valid_selector(`::part(my-part)${pseudo}`);
test_invalid_selector("::highlight");
test_invalid_selector(`::before${pseudo}`);
test_invalid_selector(`${pseudo}.a`);
test_invalid_selector(`${pseudo} div`);
test_invalid_selector(`${pseudo}::after`);
test_invalid_selector(`${pseudo}:hover`);
test_invalid_selector(`:not(${pseudo})`);
</script>