   <button style="order: 4" id="o4">Order 4</button>
      <slot style="order: 10"></slot>
      <button style="order: 2" id="o2">Order 2</button>
    </div>
  </template>
  <button style="order: 5" id="o5">Slotted 5</button>
  <button style="order: 1" id="o1">Slotted 1</button>
  <button style="order: 3" id="o3">Slotted 3</button>
</span>
<br>

<span id="host4" class="test-case"
      data-expect="b4,a4,d42,d41,d43,c4,host4/after,host4/before"
      data-description="Slot is a grid with reading-flow inside