summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/resource-timing/no-entries-for-cross-origin-css-fetched.sub.html
blob: 63f9e06e19083a6d956af0d5916455cd7e91b89c (plain)
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
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Make sure that resources fetched by cross origin CSS are not in the timeline.</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<body>
<script>
    const host = get_host_info();

    const link = document.createElement("LINK");
    link.rel = "stylesheet";
    link.id = "cross_origin_style";

    /*
        This stylesheet is fetched from one of:
            //www1.web–platform.test:64941/resource-timing/resources/nested.css
            //127.0.0.1:64941/resource-timing/resources/nested.css
     */
    link.href = "//" + host.REMOTE_HOST + ":{{ports[http][1]}}{{location[path]}}/../resources/nested.css"
    document.currentScript.parentNode.insertBefore(link, document.currentScript);
</script>
<script>
  const t = async_test("Make sure that resources fetched by cross origin CSS are not in the timeline.");
  window.addEventListener("load", function() {
    // A timeout is needed as entries are not guaranteed to be in the timeline before onload triggers.
    t.step_timeout(function() {
          const url = (new URL(document.getElementById("cross_origin_style").href));
          const prefix = url.protocol + "//" + url.host;
          assert_equals(performance.getEntriesByName(prefix + "/resource-timing/resources/resource_timing_test0.css?id=n1").length, 0, "Import should not be in timeline");
          assert_equals(performance.getEntriesByName(prefix + "/fonts/Ahem.ttf?id=n1").length, 0, "Font should not be in timeline");
          assert_equals(performance.getEntriesByName(prefix + "/resource-timing/resources/blue.png?id=n1").length, 0, "Image should not be in timeline");
          t.done();
    }, 200);
  });
</script>
<ol>Some content</ol>
</body>