test_css_loader_crossorigin_data_url.html

Enable keyboard shortcuts

<!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>