LayoutTests/http/tests/security/cross-origin-clean-css-resource-timing.html - WebKit - Git at Google

 <!doctype html>
 <html>
 <head>
 <title>CSS subresources of a clean stylesheet should populate resource timing entries, but not for imported stylesheets</title>
 <script src=/resources/testharness.js></script>
 <script src=/resources/testharnessreport.js></script>
 <link href='http://localhost:8080/security/resources/loading-subresources.php' rel='stylesheet' type='text/css' crossorigin="anonymous">
 </head>
 <body>
 <div id="mydiv" style="font: 12px 'ahem'">Test</div>
 <script>
 if (window.internals) {
     internals.clearMemoryCache();
     internals.invalidateFontCache();
 }
 const waitOnLoad = new Promise((resolve) => {
     window.onload = resolve;
 })

 function waitFor(delay)
 {
     return new Promise(resolve => setTimeout(resolve, delay));
 }

 document.fonts.ready.then(async () => {
     await waitOnLoad;
     let hasImport = false;
     let hasImage = false;
     let hasCursor = false;
     let hasFont = false;
     let counter = 0;
     while (++counter < 20) {
         const entries = performance.getEntries();
         if (!hasImport)
             hasImport = entries.some(entry => entry.name.includes('imported-loading-subresources.css'));
         if (!hasImage)
             hasImage = entries.some(entry => entry.name.includes('abe-allow-star.php?image'));
         if (!hasCursor)
             hasCursor = entries.some(entry => entry.name.includes('abe-allow-star.php?cursor'));
         if (!hasFont)
             hasFont = entries.some(entry => entry.name.includes('Ahem.woff'));
         if (hasImport && hasFont && hasCursor)
             break;
         await waitFor(50);
     }
     mydiv.innerHTML = "";
     assert_true(hasImport, "import");
     assert_false(hasImage, "image");
     assert_true(hasCursor, "cursor");
     assert_true(hasFont, "font");
     done();
 })
 </script>
 </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<title>CSS subresources of a clean stylesheet should populate resource timing entries, but not for imported stylesheets</title>
	<script src=/resources/testharness.js></script>
	<script src=/resources/testharnessreport.js></script>
	<link href='http://localhost:8080/security/resources/loading-subresources.php' rel='stylesheet' type='text/css' crossorigin="anonymous">
	</head>
	<body>
	<div id="mydiv" style="font: 12px 'ahem'">Test</div>
	<script>
	if (window.internals) {
	internals.clearMemoryCache();
	internals.invalidateFontCache();
	}
	const waitOnLoad = new Promise((resolve) => {
	window.onload = resolve;
	})

	function waitFor(delay)
	{
	return new Promise(resolve => setTimeout(resolve, delay));
	}

	document.fonts.ready.then(async () => {
	await waitOnLoad;
	let hasImport = false;
	let hasImage = false;
	let hasCursor = false;
	let hasFont = false;
	let counter = 0;
	while (++counter < 20) {
	const entries = performance.getEntries();
	if (!hasImport)
	hasImport = entries.some(entry => entry.name.includes('imported-loading-subresources.css'));
	if (!hasImage)
	hasImage = entries.some(entry => entry.name.includes('abe-allow-star.php?image'));
	if (!hasCursor)
	hasCursor = entries.some(entry => entry.name.includes('abe-allow-star.php?cursor'));
	if (!hasFont)
	hasFont = entries.some(entry => entry.name.includes('Ahem.woff'));
	if (hasImport && hasFont && hasCursor)
	break;
	await waitFor(50);
	}
	mydiv.innerHTML = "";
	assert_true(hasImport, "import");
	assert_false(hasImage, "image");
	assert_true(hasCursor, "cursor");
	assert_true(hasFont, "font");
	done();
	})
	</script>
	</body>
	</html>