element-render-blocking-008.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /html/dom/render-blocking/element-render-blocking-008.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

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

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

<script src="support/utils.js"></script>

<title>Media attribute changes in the head to apply</title>

<link id=link rel=expect href="#last" blocking="render" media="(max-width: 10px)">

<script>

link.media = "(min-width: 10px)";

async_test((t) => {

  requestAnimationFrame(() => {

    t.step(() => assert_true(!!document.getElementById("last")));

    t.done();

});

}, "changing media to matching causes link to have an effect");

</script>

</head>

<body>

  <div id="first">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue

    nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit

    tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies

    tempor mi est eget ipsum egestas.

  </div>

  <script>

          generateParserDelay();

  </script>

  <div id="second">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue

    nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit

    tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies

    tempor mi est eget ipsum egestas.

  </div>

  <script>

          generateParserDelay();

  </script>

  <div id="last">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue

    nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit

    tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies

    tempor mi est eget ipsum egestas.

  </div>

</body>