element-render-blocking-026.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-026.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>Removing id keeps render block satisfied</title>

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

<script>

async_test((t) => {

  requestAnimationFrame(() => {

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

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

    t.done();

});

}, "removing id after it was renderer keeps render block satisfied");

</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>

    first.id = "wasfirst";

    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>