<!DOCTYPE html>
<head>
    <meta charset='utf-8' />
    <script src="/resources/testharness.js"></script>
    <script src='/resources/testharnessreport.js'></script>
    <script src="/common/performance-timeline-utils.js"></script>
    <script src="/common/get-host-info.sub.js"></script>
    <script>
      setup({explicit_done: true})

      const hostInfo = get_host_info()
      const urls = {
        'same-origin': `${hostInfo.HTTP_ORIGIN}/server-timing/resources/blue.png`,
        'cross-origin': `${hostInfo.HTTP_REMOTE_ORIGIN}/server-timing/resources/blue.png`,
        'cross-origin-tao': `${hostInfo.HTTP_REMOTE_ORIGIN}/server-timing/resources/blue_tao.png`
      }
      Object.keys(urls).forEach(function(key) {
        const img = document.createElement('img')
        img.src = urls[key]
        document.getElementsByTagName('script')[0].parentNode.appendChild(img)
      })

      window.addEventListener('load', function() {
        function assertServerTimingEntries(url, expectedEntryCount) {
          test_equals(performance.getEntriesByName(url)[0].serverTiming.length,
            expectedEntryCount,
            `Expected entry count for ${url}: ${expectedEntryCount}`)
        }
        assertServerTimingEntries(urls['same-origin'], 1)
        assertServerTimingEntries(urls['cross-origin'], 0)
        assertServerTimingEntries(urls['cross-origin-tao'], 1)
        done()
      })
    </script>
</head>
