<!DOCTYPE html>
<meta charset="utf-8">
<title>Test that setting "onselectionchange" content attribute adds an event listener</title>
<link rel="help" href="https://w3c.github.io/selection-api/#extensions-to-globaleventhandlers-interface">

<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<body>
<div id="testElement" onselectionchange="window.handlerSetFromParserWasFired()"></div>
<script>
  promise_test(() => {
    return new Promise(resolve => {
      window.handlerSetFromParserWasFired = resolve;
      testElement.dispatchEvent(new Event("selectionchange"));
    });
  }, "handler set from parser");

  promise_test(() => {
    const el = document.createElement("div");
    el.setAttribute("onselectionchange", "window.handlerSetViaSetAttributeWasFired()");
    document.body.append(el);

    return new Promise(resolve => {
      window.handlerSetViaSetAttributeWasFired = resolve;
      el.dispatchEvent(new Event("selectionchange"));
    });
  }, "handler set via setAttribute()");
</script>
