<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Security-Policy" content="style-src 'none'">
    <title>style-blocked</title>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script>
      async_test(t => {
        window.addEventListener('securitypolicyviolation',
                                t.step_func_done(e => {
          assert_equals(e.violatedDirective, "style-src-elem");
        }));
      }, "Violated directive is script-src-elem.");
    </script>
    <link rel="stylesheet" href="resources/blue.css">
</head>
<body>
  <script>
    test(t => {
      assert_equals(document.styleSheets.length, 1);
    }, "document.styleSheets should contain an item for the blocked CSS.");
  </script>
</body>
</html>
