47 lines
2 KiB
HTML
47 lines
2 KiB
HTML
<!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>
|