1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
<!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) => {
// testdriver-complete is a webdriver internal event
if (event.data.type != "testdriver-complete") {
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>
|
