<!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>
<!--
  This test is mostly the same as no-entries-for-cross-origin-css-fetched.html
  but loads the sub-resources from another Document (<iframe>) earlier before
  they are loaded via cross-origin CSSs, so that the resources are loaded from
  cache and therefore no resource timing entries are created.
-->

<body>
  <script>
    const addLink = () => {
      return new Promise(resolve => {
        const link = document.createElement('LINK');
        link.rel = 'stylesheet';
        link.id = 'cross_origin_style';
        link.href = 'http://{{hosts[][www1]}}:{{ports[http][1]}}/resource-timing/resources/nested.css';
        link.addEventListener('load', resolve);
        document.body.appendChild(link);
      });
    }

    const addFrame = () => {
      return new Promise(resolve => {
        const iframe = document.createElement('iframe');
        iframe.src = 'resources/no-entries-for-cross-origin-css-fetched-memory-cache-iframe.sub.html';
        iframe.addEventListener('load', resolve);
        document.body.appendChild(iframe);
      });
    }

    promise_test(async t => {
      await addFrame();
      await addLink();
      // Assert no resource timing entries are created when the link is attached.
      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');
    }, 'Make sure that resources fetched by cross origin CSS are not in the timeline.');
  </script>
  <ol>Some content</ol>
</body>
