| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Style element has error on bad style nonce</title> |
| <meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline'"> |
| <script src="/js-test-resources/testharness.js"></script> |
| <script src="/js-test-resources/testharnessreport.js"></script> |
| <script> |
| function styleError() { |
| var color = window.getComputedStyle(document.querySelector('p')).color; |
| assert_equals(color, "rgb(0, 128, 0)", "The color of the paragraph is green."); |
| done(); |
| } |
| function styleLoad() { |
| assert_unreached("Style sheet should not load."); |
| } |
| </script> |
| <style>p { color: green; }</style> |
| </head> |
| <p>A test paragraph</p> |
| <link rel="stylesheet" onload="styleLoad();" onerror="styleError();" href="http://localhost:8000/security/contentSecurityPolicy/resources/style-set-red.css"></link> |
| </html> |
