cross_origin.html
<!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 resourceUrl = 'server-timing/resources/blue.png'
const urls = {
'same-origin': `${hostInfo.HTTP_ORIGIN}/${resourceUrl}`,
'cross-origin': `${hostInfo.HTTP_REMOTE_ORIGIN}/${resourceUrl}`
}
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)
done()
})
</script>
</head>