popover-hint-disabled.html | Explore in Territory

<!DOCTYPE html>
<meta charset="utf-8">
<script src='../../resources/testharness.js'></script>
<script src="../../resources/testharnessreport.js"></script>

<div popover=hint id=target>This should be a MANUAL popover, if HTMLPopoverHint is disabled</div>

<script>
const target = document.getElementById('target');
test(() => {
  assert_false(target.matches(':popover-open'),"The :popover-open pseudo class should be available and false");
},'popover=hint should still function as a popover');

test(() => {
  assert_false(target.matches(':popover-open'));
  target.showPopover(); // Shouldn't throw
  assert_true(target.matches(':popover-open'));
  target.hidePopover();
  assert_false(target.matches(':popover-open'));
},`popover=hint should function as a manual popover`);

test(() => {
  assert_equals(target.popover,'manual','With HTMLPopoverHint disabled, popover=hint should be treated as a manual popover');
  assert_equals(target.getAttribute('popover'),'hint','The content attribute should still be "hint"');
},`popover=hint should *not* be feature detected`);
</script>

chromium/third_party/blink/web_tests/virtual/popover-hint-disabled/popover-hint-disabled.html