navigation-timing/nav2_test_unique_nav_instances.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Navigation Timing 2 WPT</title>
        <link rel="author" title="Google" href="http://www.google.com/" />
        <link rel="help" href="http://www.w3.org/TR/navigation-timing-2/#sec-PerformanceNavigationTiming"/>
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
    </head>
    <body>
        <h1>Description</h1>
        <p>This test validates that each window has a unique nav timing 2 instance.</p>
        <iframe id="frameContext" src="resources/blank_page_green.html" style="display:none;";></iframe>
        <script>

            var navTiming2Attributes = [
                'connectEnd',
                'connectStart',
                'decodedBodySize',
                'domComplete',
                'domContentLoadedEventEnd',
                'domContentLoadedEventStart',
                'domInteractive',
                'domainLookupEnd',
                'domainLookupStart',
                'duration',
                'encodedBodySize',
                'entryType',
                'fetchStart',
                'initiatorType',
                'loadEventEnd',
                'loadEventStart',
                'name',
                'redirectCount',
                'redirectEnd',
                'redirectStart',
                'requestStart',
                'responseEnd',
                'responseStart',
                'secureConnectionStart',
                'transferSize',
                'type',
                'unloadEventEnd',
                'unloadEventStart',
                'workerStart'
            ];

            function not_same_instance(instance1, instance2, attributes) {
                for (var i in attributes) {
                    if (instance1[attributes[i]] != instance2[attributes[i]])
                        return true;
                }
                return false;
            }

            async_test(function (t) {
                var observer = new PerformanceObserver(
                    t.step_func(function (entryList) {
                        assert_equals(entryList.getEntriesByType("navigation").length, 1, "Only one nav timing instance exists.");
                        assert_equals(document.getElementById("frameContext").contentWindow.performance.getEntriesByType("navigation").length, 1,
                            "Only one nav timing instance exists.");
                        var main_frame_instance = entryList.getEntriesByType("navigation")[0];
                        var iframe_instance = document.getElementById("frameContext").contentWindow.performance.getEntriesByType("navigation")[0];
                        assert_true(not_same_instance(main_frame_instance, iframe_instance, navTiming2Attributes),
                            "Two nav timing instances are not the same instance.");
                        observer.disconnect();
                        t.done();
                    })
                );
                observer.observe({entryTypes: ["navigation"]});

            }, "Each window has a unique nav timing 2 instance.");
        </script>
    </body>
</html>