<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Security-Policy" content="img-src 'none'; 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 not loaded in violation of CSP when link tags are dynamically added to the page.</p> <script> var t = async_test("Test that image does not load"); var t_spv = async_test("Test that spv event is fired"); window.addEventListener("securitypolicyviolation", t_spv.step_func_done(function(e) { assert_equals(e.violatedDirective, 'img-src'); assert_true(e.blockedURI.endsWith('/support/fail.png')); })); function createLink(rel, src) { var link = document.createElement('link'); link.rel = rel; link.href = src; link.onerror = t.done(); link.onload = t.unreached_func('The image should not have loaded'); document.head.appendChild(link); } window.addEventListener('DOMContentLoaded', function() { createLink('icon', '../support/fail.png'); }); </script> </body> </html>