LayoutTests/imported/w3c/web-platform-tests/content-security-policy/style-src/style-src-inline-style-blocked.html - WebKit - Git at Google

 <!doctype html>
 <html>
 <head>
     <meta http-equiv="Content-Security-Policy" content="style-src 'self';">
     <script src="/resources/testharness.js"></script>
     <script src="/resources/testharnessreport.js"></script>

     <script>
       var t = async_test("Inline style element should not load without 'unsafe-inline'");
       var t_spv = async_test("Should fire a securitypolicyviolation event");

       document.addEventListener("securitypolicyviolation", t_spv.step_func_done(function(e) {
         assert_equals("style-src-elem", e.violatedDirective);
       }));
     </script>
     <style>
         /* none of this should be applied */
         #content {
             margin-left: 2px;
         }
     </style>
 </head>
 <body>
     <div id='log'></div>

     <div id="content">Lorem ipsum</div>

     <script>
       t.step(function() {
         var contentEl = document.getElementById("content");
         var marginLeftVal = getComputedStyle(contentEl).getPropertyValue('margin-left');
         assert_false(marginLeftVal == "2px");
         t.done();
       });
     </script>

 </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="Content-Security-Policy" content="style-src 'self';">
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>

	<script>
	var t = async_test("Inline style element should not load without 'unsafe-inline'");
	var t_spv = async_test("Should fire a securitypolicyviolation event");

	document.addEventListener("securitypolicyviolation", t_spv.step_func_done(function(e) {
	assert_equals("style-src-elem", e.violatedDirective);
	}));
	</script>
	<style>
	/* none of this should be applied */
	#content {
	margin-left: 2px;
	}
	</style>
	</head>
	<body>
	<div id='log'></div>

	<div id="content">Lorem ipsum</div>

	<script>
	t.step(function() {
	var contentEl = document.getElementById("content");
	var marginLeftVal = getComputedStyle(contentEl).getPropertyValue('margin-left');
	assert_false(marginLeftVal == "2px");
	t.done();
	});
	</script>

	</body>
	</html>