<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" href="mailto:masonf@chromium.org">
<link rel=help href="https://open-ui.org/components/popover.research.explainer">
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/popover-utils.js"></script>
<script src="../../resources/common.js"></script>

<body>
<script>
setup({ explicit_done: true });
window.onload = () => {
  // Loop through all HTML elements that render a box by default:
  let elementsThatDontRender = ['area', 'audio','base','br','datalist','dialog','embed','head','link','meta','noscript','optgroup','option','param','rp','script','slot','style','template','title','wbr'];
  const elements = HTML5_ELEMENTS.filter(el => !elementsThatDontRender.includes(el));
  elements.forEach(tag => {
    test((t) => {
      const element = document.createElement(tag);
      element.setAttribute('popover','auto');
      document.body.appendChild(element);
      t.add_cleanup(() => element.remove());
      assertIsFunctionalPopover(element, true);
    }, `A <${tag} popover> element should behave as a popover.`);
    test((t) => {
      const element = document.createElement(tag);
      document.body.appendChild(element);
      t.add_cleanup(() => element.remove());
      assertNotAPopover(element);
    }, `A <${tag}> element should *not* behave as a popover.`);
  });
  elementsThatDontRender.forEach(tag => {
    test((t) => {
      const element = document.createElement(tag);
      element.setAttribute('popover','auto');
      document.body.appendChild(element);
      t.add_cleanup(() => element.remove());
      assertIsFunctionalPopover(element, false);
    }, `A <${tag} popover> element should not be rendered.`);
  });
  done();
};
</script>
