style-src-hash-case-insensitive.html (2157B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Security-Policy" content="style-src 5 'SHA256-7kQ1KhZCpEzWtsa0RSpbIL7FU3kPNhE3IJMaNeTclMU=' 6 'SHA384-OliBBQtittDq3qDaEttMlHG1viNf50PLjSlvXirHZHpeKApMClrTJz+7VB5RTWdN' 7 'SHA512-4/SpqCV0WGbb2QZXBViFlnms4M0I+aUGg9/tIhr10twU89nlMSBLOhi3cVli39kyBZbUAlzk9xcVTMy+JDY+VA==' 8 'sHa256-7+4S4EQgq4w2e2BwX1xnE3sW12GIuGqtQRYDLLhOyaE=' 9 'shA384-YmZjKJCd/pjU8gq/sFCON/NHfkHLAZqI0a4JxyX67Ark36qJAvPnEWACZrZlhR62' 10 'Sha512-/fwXanQOq033J+QFjepcRHT0DDD6fsQJGvoeBjpEM2PBV9ETzYYGXdkwH+TMqfiRnYsHAa/sPqQd2W4FoYYlOw==' 11 "> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 15 <script> 16 var t = async_test("All style elements should load because they have proper hashes"); 17 document.addEventListener("securitypolicyviolation", t.unreached_func("Should not trigger a security policy violation")); 18 </script> 19 20 <style>#content1 { margin-left: 2px; }</style> 21 <style>#content2 { margin-left: 2px; }</style> 22 <style>#content3 { margin-left: 2px; }</style> 23 <style>#content4 { margin-left: 2px; }</style> 24 <style>#content5 { margin-left: 2px; }</style> 25 <style>#content6 { margin-left: 2px; }</style> 26 </head> 27 <body> 28 <div id='log'></div> 29 30 <div id="content1">Lorem ipsum</div> 31 <div id="content2">Lorem ipsum</div> 32 <div id="content3">Lorem ipsum</div> 33 <div id="content4">Lorem ipsum</div> 34 <div id="content5">Lorem ipsum</div> 35 <div id="content6">Lorem ipsum</div> 36 37 <script> 38 function make_assert(contentId) { 39 var contentEl = document.getElementById(contentId); 40 var marginLeftVal = getComputedStyle(contentEl).getPropertyValue('margin-left'); 41 assert_equals(marginLeftVal, "2px") 42 } 43 t.step(function() { 44 make_assert("content1"); 45 make_assert("content2"); 46 make_assert("content3"); 47 make_assert("content4"); 48 make_assert("content5"); 49 make_assert("content6"); 50 t.done(); 51 }); 52 </script> 53 54 </body> 55 </html>