<html class="test-wait">
<style>
  h1::before { content: " [before] "; display: table; }
</style>

<h1>Heading</h1>

<script>
async function trigger1() {
  let heading = document.querySelector('h1');
  let computed_accessible_node = await self.getComputedAccessibleNode(heading);
  let first_child = computed_accessible_node.firstChild;
  // The first child of the heading is a pseudo element <table>.
  await first_child.ensureUpToDate();
  // The next child down has an accessibility object but no node.
  let grand_child = first_child.firstChild;
  await grand_child.ensureUpToDate();
  document.documentElement.className = '';
}
trigger1();
</script>
</html>
