style.https.sub.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /fetch/metadata/style.https.sub.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<link rel="author" href="mtrzos@google.com" title="Maciek Trzos">

<script src=/resources/testharness.js></script>

<script src=/resources/testharnessreport.js></script>

<script src=/fetch/metadata/resources/helper.js></script>

<script src=/common/utils.js></script>

<body></body>

<script>

  let nonce = token();

  promise_test(t => {

    return new Promise((resolve, reject) => {

      let key = "style-same-origin" + nonce;

      let e = document.createElement('link');

      e.rel = "stylesheet";

      e.href = "https://{{host}}:{{ports[https][0]}}/fetch/metadata/resources/record-header.py?file=" + key;

      e.onload = e => {

        let expected = {"site":"same-origin", "user":"", "mode": "no-cors", "dest": "style"};

        validate_expectations(key, expected, "Same-Origin style")

          .then(_ => resolve())

          .catch(e => reject(e));

};

      document.body.appendChild(e);

})

  }, "Same-Origin style");

  promise_test(t => {

    return new Promise((resolve, reject) => {

      let key = "style-same-site" + nonce;

      let e = document.createElement('link');

      e.rel = "stylesheet";

      e.href = "https://{{hosts[][www]}}:{{ports[https][0]}}/fetch/metadata/resources/record-header.py?file=" + key;

      e.onload = e => {

        let expected = {"site":"same-site", "user":"", "mode": "no-cors", "dest": "style"};

        validate_expectations(key, expected, "Same-Site style")

          .then(_ => resolve())

          .catch(e => reject(e));

};

      document.body.appendChild(e);

})

  }, "Same-Site style");

  promise_test(t => {

    return new Promise((resolve, reject) => {

      let key = "style-cross-site" + nonce;

      let e = document.createElement('link');

      e.rel = "stylesheet";

      e.href = "https://{{hosts[alt][www]}}:{{ports[https][0]}}/fetch/metadata/resources/record-header.py?file=" + key;

      e.onload = e => {

        let expected = {"site":"cross-site", "user":"", "mode": "no-cors", "dest": "style"};

        validate_expectations(key, expected, "Cross-Site style")

          .then(_ => resolve())

          .catch(e => reject(e));

};

      document.body.appendChild(e);

})

  }, "Cross-Site style");

  promise_test(t => {

    return new Promise((resolve, reject) => {

      let key = "style-same-origin-cors" + nonce;

      let e = document.createElement('link');

      e.rel = "stylesheet";

      e.href = "https://{{host}}:{{ports[https][0]}}/fetch/metadata/resources/record-header.py?file=" + key;

      e.crossOrigin = "anonymous";

      e.onload = e => {

        let expected = {"site":"same-origin", "user":"", "mode": "cors", "dest": "style"};

        validate_expectations(key, expected, "Same-Origin, cors style")

          .then(_ => resolve())

          .catch(e => reject(e));

};

      document.body.appendChild(e);

})

  }, "Same-Origin, cors style");

</script>

</html>