Content - 2b5d90ee7d191ec274f17983511f4289e41ba5bc - 226b5f9/content-security-policy/securitypolicyviolation/style-sample.html

visit type:

Tip revision: fe09e1e121e850ee1cf1c7f67333ad92e3904d78 authored by Morten Stenshorne on 26 March 2018, 14:00:45 UTC
[css-flexbox] Resolve min-width:auto on table item to min preferred size.

Tip revision: fe09e1e

style-sample.html

<!doctype html>
<meta http-equiv="Content-Security-Policy" content="style-src 'nonce-abc' 'report-sample'">
<script nonce="abc" src="/resources/testharness.js"></script>
<script nonce="abc" src="/resources/testharnessreport.js"></script>
<body>
<script nonce="abc">
    function waitForViolation(el) {
      return new Promise(resolve => {
        el.addEventListener('securitypolicyviolation', e => resolve(e));
      });
    }

    async_test(t => {
      var s = document.createElement('style');
      s.innerText = "p { omg: yay !important; }";
      
      waitForViolation(s)
        .then(t.step_func_done(e => {
          assert_equals(e.blockedURI, "inline");
          assert_equals(e.sample, "p { omg: yay !important; }");
        }));     

      document.head.append(s);
    }, "Inline style blocks should have a sample.");

    async_test(t => {
      var p = document.createElement('p');
      p.setAttribute("style", "omg: yay !important;");
      p.innerText = "Yay!";
      
      waitForViolation(p)
        .then(t.step_func_done(e => {
          assert_equals(e.blockedURI, "inline");
          assert_equals(e.sample, "omg: yay !important;");
        }));     

      document.head.append(p);
    }, "Inline style attributes should have a sample.");
</script>

Browse the archive

https://github.com/web-platform-tests/wpt