43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
</head>
|
|
<!--
|
|
This html is embedded as a sub-frame in include-frames-originA-B-A.html,
|
|
include-frames-originA-B-B.html and include-frames-originA-A-A.html. Once embedded,
|
|
this would take a url parameter named origin which is the origin of the child frame
|
|
this html is to load in step 3 listed below.
|
|
It does,
|
|
1, waits for load.
|
|
2, creates a single mark performance entry.
|
|
3, creates and loads a child frame, and waits for it to load.
|
|
4. verify entries obtained from this frame.
|
|
-->
|
|
|
|
<body>
|
|
<script>
|
|
(async () => {
|
|
// Wait for load.
|
|
await new Promise(resolve => window.addEventListener("load", resolve));
|
|
|
|
// Mark.
|
|
performance.mark("mark_subframe");
|
|
|
|
// Create and load an iframe and wait for load.
|
|
await new Promise(resolve => {
|
|
const childFrame = document.createElement('iframe');
|
|
|
|
childFrame.addEventListener('load', async () => {
|
|
window.parent.postMessage('Load completed', "*");
|
|
resolve();
|
|
});
|
|
|
|
childFrame.src = (new URL(document.location)).searchParams.get('origin')
|
|
+ '/performance-timeline/resources/child-frame.html';
|
|
|
|
document.body.appendChild(childFrame);
|
|
}
|
|
);
|
|
})();
|
|
</script>
|
|
</body>
|