<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Security-Policy" content="img-src 'self'; script-src 'self' 'unsafe-inline'; connect-src 'self';">
  <script src='/resources/testharness.js'></script>
  <script src='/resources/testharnessreport.js'></script>
</head>
<body>
  <p>Use callbacks to show that favicons are loaded as allowed by CSP when link tags are dynamically added to the page.</p>
  <script>
    var t = async_test("Test that image loads");
    window.addEventListener("securitypolicyviolation", t.unreached_func("Should not have triggered any violation events"));

    function createLink(rel, src) {
        var link = document.createElement('link');
        link.rel = rel;
        link.href = src;
        link.onload = t.done();
        link.onerror = t.unreached_func('The image should have loaded');
        document.body.appendChild(link);
    }
    window.addEventListener('DOMContentLoaded', function() {
        createLink('icon', '../support/pass.png');
    });

  </script>
</body>
</html>
