1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
<!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> should behave as a popover.`);
for (let dir of ["ltr", "rtl"]) {
for (let wm of ["horizontal-tb", "vertical-rl", "vertical-lr", "sideways-rl", "sideways-lr"]) {
test((t) => {
const element = document.createElement(tag);
element.setAttribute('popover','auto');
element.setAttribute("dir", dir);
element.style.writingMode = wm;
document.body.appendChild(element);
t.add_cleanup(() => element.remove());
element.showPopover({ modal: true });
element.getBoundingClientRect();
}, `A <${tag} popover> with direction=${dir}, wm=${wm} element should not assert.`);
}
}
test((t) => {
const element = document.createElement(tag);
document.body.appendChild(element);
t.add_cleanup(() => element.remove());
assertNotAPopover(element);
}, `A <${tag}> element without popover attr 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>
|
