element-render-blocking-025.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-025.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>Adding an id to parsed element satisfies render block</title>

<link rel=expect href="#first" blocking="render">

<script>

async_test((t) => {

  requestAnimationFrame(() => {

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

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

    t.done();

});

}, "adding an id in the body satisfies render block");

</script>

</head>

<body>

  <div id="willbefirst">

    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>

    willbefirst.id = "first";

    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="third">

    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="fourth">

    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>