crossiframe.html - mozsearch

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /event-timing/crossiframe.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

  <meta charset=utf-8 />

  <title>Event Timing: entries should be observable by its own frame.</title>

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

</head>

<body>

<button id='button'>Generate a 'click' event</button>

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

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

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

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

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

<script src=resources/event-timing-test-utils.js></script>

<iframe id='iframe' src=resources/crossiframe-childframe.html></iframe>

<script>

  let clickTimeMin;

  let clickDone;

  function validateEntries(entries) {

    assert_equals(entries.length, 1, "Only 1 entry should be received");

    const entry = entries[0];

    verifyClickEvent(entry, 'button', true);

    assert_less_than(entry.processingStart, clickDone,

        "The entry's processing start should be before clickDone.");

    assert_greater_than(entry.startTime, clickTimeMin,

        "The entry's start time should be later than clickTimeMin.");

  function validateChildFrameEntries(childFrameData) {

    if (childFrameData === "failed") {

      assert_unreached("Did not receive exactly one entry from child as expected");

    // |childFrameData| has properties with the same names as its

    // PerformanceEventTiming counterpart.

    assert_equals(childFrameData.target, 'iframe_div');

    verifyClickEvent(childFrameData, null, false, 104, 'mousedown');

    assert_less_than(childFrameData.processingStart, childFrameData.clickDone,

        "The entry's processing start should be before than the child frame's clickDone.");

  promise_test(async t => {

    assert_implements(window.PerformanceEventTiming, "Event Timing is not supported");

    // Wait for load event so we can interact with the iframe.

    await new Promise(resolve => {

      window.addEventListener('load', resolve);

});

    clickTimeMin = performance.now();

    let observedPointerDown = false;

    const observerPromise = new Promise(resolve => {

      new PerformanceObserver(t.step_func(entries => {

        const pointerDowns = entries.getEntriesByName('pointerdown');

        // Ignore the callback if there were no pointerdown entries.

        if (pointerDowns.length === 0)

          return;

        assert_false(observedPointerDown,

            "Observer of main frames should only capture main-frame event-timing entries");

        observedPointerDown = true;

        resolve(pointerDowns);

      })).observe({type: 'event'});

});

    await clickAndBlockMain('button');

    clickDone = performance.now();

    const pointerDowns = await observerPromise;

    validateEntries(pointerDowns);

    const childFrameEntriesPromise = new Promise(resolve => {

      window.addEventListener("message", (event) => {

        t.step(() => {

          validateChildFrameEntries(event.data);

});

        resolve();

      }, false);

});

    // Tap on the iframe, with an offset of 10 to target the div inside it.

    const actions = new test_driver.Actions()

        .pointerMove(10, 10, { origin: document.getElementById("iframe") })

        .pointerDown()

        .pointerUp();

    actions.send();

    await childFrameEntriesPromise;

  }, "Event Timing: entries should only be observable by its own frame.");

</script>

</body>

</html>