| <!DOCTYPE html> |
| <html> |
| <!-- |
| | The loading of style sheet doesn't block the executing of scripts in Cobalt. |
| | Add load event listener to test the computed style after the style sheet |
| | is loaded and processed. |
| --> |
| <head> |
| <!-- Programmatically converted from a WebKit Reftest, please forgive resulting idiosyncracies.--> |
| <title>stylenonce-blocked</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <link rel="stylesheet" type="text/css" href="allowed.css"> |
| <script src="../support/logTest.sub.js?logs=[]"></script> |
| <script src="../support/alertAssert.sub.js?alerts=[]"></script> |
| <!-- enforcing policy: |
| style-src 'self'; script-src 'self' 'unsafe-inline'; connect-src 'self'; |
| --> |
| <script></script> |
| <style nonce="noncynonce"> |
| #test { |
| color: red; |
| } |
| |
| </style> |
| </head> |
| |
| <body> |
| <p id="test">This text should be green.</p> |
| <script> |
| document.addEventListener("load", function() { |
| var el = document.querySelector('#test'); |
| test(function() { |
| assert_equals(window.getComputedStyle(el).color, "rgb(0, 128, 0)") |
| }); |
| }); |
| |
| </script> |
| <p>Style that does not match a 'nonce-*' expression in 'style-src' should not be applied to the page.</p> |
| <div id="log"></div> |
| <script async defer src="../support/checkReport.sub.js?reportExists=true&reportField=violated-directive&reportValue=style-src%20'self'"></script> |
| </body> |
| |
| </html> |
