<!DOCTYPE html>
<meta charset=utf-8>
<title>Test for handling of 'crossorigin' attribute on CSS link with data: URL</title>
<link id="testlink" crossorigin rel="stylesheet" href="data:text/css,%23someuniqueidhere{display:none}">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<div id="someuniqueidhere"></div>
<script>
var t = async_test("link@crossorigin with data: href");
window.addEventListener("load", t.step_func_done(function() {
assert_equals(getComputedStyle(document.getElementById("someuniqueidhere")).display,
"none", "sheet should be applied");
assert_equals(document.getElementById("testlink").sheet.cssRules[0].style.display,
"none", "should be able to read data from the sheet");
}));
</script>