loaf-pointer-without-render-iframe.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /long-animation-frame/tentative/loaf-pointer-without-render-iframe.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<meta charset=utf-8>

<title>Long Animation Frame Timing: Pointer events without render in an iframe</title>

<meta name="timeout" content="long">

<script src=/resources/testdriver.js></script>

<script src=/resources/testdriver-actions.js></script>

<script src=/resources/testdriver-vendor.js></script>

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

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

<script src="resources/utils.js"></script>

<body>

<script>

const BUSY_DURATION = 60;

function event_handler() {

  busy_wait(BUSY_DURATION);

function click_iframe(iframe) {

  return new test_driver.Actions()

    .pointerMove(10, 10, {origin: iframe})

    .pointerDown()

    .pointerUp()

    .send();

promise_test(async t => {

  const iframe = document.createElement("iframe");

  iframe.src = "resources/long-pointerdown.html"

  t.add_cleanup(() => iframe.remove());

  document.body.append(iframe);

  await new Promise(resolve => iframe.addEventListener("load", resolve));

  iframe.focus();

  await click_iframe(iframe);

  await new Promise(resolve => requestAnimationFrame(() => resolve()));

  await new Promise(resolve => t.step_timeout(resolve, 0));

  const loaf_promise = new Promise(resolve => {

    function on_message(event) {

      resolve(event.data);

    addEventListener("message", on_message);

    t.add_cleanup(() => removeEventListener("message", on_message));

    new PerformanceObserver(entries => {

      for (const e of entries.getEntries())

        if (entries.getEntries().some(

          e => !e.renderStart && e.scripts.some(script => script.invoker === "BODY.onpointerdown")))

          resolve("MAIN");

      }).observe({type: "long-animation-frame"});

});

    await click_iframe(iframe);

  assert_equals(await loaf_promise, "FRAME");

}, "Input events in iframes that don't cause a render should only create LoAF for the iframe")

</script>

</body>