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
|
function checkContainerEntry(entry, identifier, last_element_id, beforeRender) {
assert_equals(entry.entryType, 'container');
assert_equals(entry.name, 'container-paints');
assert_equals(entry.identifier, identifier, 'identifier does not match');
if (last_element_id != null) {
assert_equals(entry.lastPaintedElement.id, last_element_id);
}
assert_equals(entry.duration, 0, 'duration should be 0');
assert_greater_than_equal(
entry.firstRenderTime, beforeRender,
'firstRenderTime greater than beforeRender');
assert_greater_than_equal(
entry.startTime, entry.firstRenderTime,
'startTime greater than beforeRender');
assert_greater_than_equal(
performance.now(), entry.startTime, 'startTime bound by now()')
}
function checkContainerSize(entry, size) {
assert_equals(entry.size, size);
}
function finishOnElementTiming(t) {
const finish_observer = new PerformanceObserver(() => {
requestAnimationFrame(() => { t.done(); });
});
finish_observer.observe({ entryTypes: ['element'] });
}
function addPaintingElementTimingAfterDoubleRAF(parent) {
requestAnimationFrame(() => requestAnimationFrame(() => {
const finish_img = document.createElement('img');
finish_img.src = '/container-timing/resources/square100.png';
finish_img.setAttribute('elementtiming', '');
parent.appendChild(finish_img);
}));
}
|
