chromium/content/test/data/accessibility/html/popover-hint.html

<!--
@MAC-ALLOW:AXExpanded
@WIN-ALLOW:details-roles*
@WIN-ALLOW:EXPANDED*
@WIN-ALLOW:HASPOPUP*
@WIN-ALLOW:haspopup*
@BLINK-ALLOW:haspopup*
@BLINK-ALLOW:expanded*
@BLINK-ALLOW:nameFrom*
@BLINK-ALLOW:descriptionFrom*
@AURALINUX-ALLOW:details-roles*
@AURALINUX-ALLOW:expanded*
@AURALINUX-ALLOW:haspopup:*
-->
<div popover="hint" id="popover1">
  Test popover!
</div>
<button popovertarget="popover1">popover1</button>

<div popover="hint" id="popover2">
  <div>
    Test popover with image!
    <img title="test 123">
  </div>
</div>
<button popovertarget="popover2">popover2</button>

<button popovertarget="popover3">popover3</button>
<div popover="hint" id="popover3">
  Test popover with rich content like a datatable.
  <table>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
    <tr>
      <td>3</td>
      <td>4</td>
    </tr>
  </table>
</div>

<div popover="hint" id="popover4">
  Test popover with a textinput!
  <div>
    <span>
      <input type="text" value="test">
    </span>
  </div>
</div>
<button popovertarget="popover4">popover4</button>

<div popover="hint" id="popover5">
  Test popover with title in button to test description.
</div>
<button title="the title" popovertarget="popover5">popover5</button>

<div popover="hint" id="popover6">Test popover, open</div>
<button popovertarget="popover6">popover6</button>

<script>
  popover6.showPopover();
</script>