diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/html/semantics/popovers/popover-overlay.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/semantics/popovers/popover-overlay.html')
| -rw-r--r-- | testing/web-platform/tests/html/semantics/popovers/popover-overlay.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/popovers/popover-overlay.html b/testing/web-platform/tests/html/semantics/popovers/popover-overlay.html new file mode 100644 index 0000000000..a607844aee --- /dev/null +++ b/testing/web-platform/tests/html/semantics/popovers/popover-overlay.html @@ -0,0 +1,51 @@ +<!doctype html> +<title>popover: overlay</title> +<link rel="help" href="https://html.spec.whatwg.org/multipage/popover.html#the-popover-attribute"> +<link rel="help" href="https://drafts.csswg.org/css-position-4/#overlay"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<dialog popover id="popover-show-dialog"></dialog> +<dialog popover id="popover-show-modal-dialog"></dialog> +<dialog popover id="popover-dialog"></dialog> +<div popover id="popover-div"></div> +<script> + test(() => { + const popover_show_dialog = document.getElementById("popover-show-dialog"); + assert_equals(getComputedStyle(popover_show_dialog).overlay, "none", + "Computed overlay"); + popover_show_dialog.show(); + assert_equals(getComputedStyle(popover_show_dialog).overlay, "none", + "Computed overlay after show()"); + popover_show_dialog.close(); + }, "dialog.show() should not put popover dialog in top layer"); + + test(() => { + const popover_show_modal_dialog = document.getElementById("popover-show-modal-dialog"); + assert_equals(getComputedStyle(popover_show_modal_dialog).overlay, "none", + "Computed overlay"); + popover_show_modal_dialog.showModal(); + assert_equals(getComputedStyle(popover_show_modal_dialog).overlay, "auto", + "Computed overlay after showModal()"); + popover_show_modal_dialog.close(); + }, "dialog.showModal() should put popover dialog in top layer"); + + test(() => { + const popover_dialog = document.getElementById("popover-dialog"); + assert_equals(getComputedStyle(popover_dialog).overlay, "none", + "Computed overlay"); + popover_dialog.showPopover(); + assert_equals(getComputedStyle(popover_dialog).overlay, "auto", + "Computed overlay after showPopover()"); + popover_dialog.hidePopover(); + }, "dialog.showPopover() should put popover dialog in top layer"); + + test(() => { + const popover_div = document.getElementById("popover-div"); + assert_equals(getComputedStyle(popover_div).overlay, "none", + "Computed overlay"); + popover_div.showPopover(); + assert_equals(getComputedStyle(popover_div).overlay, "auto", + "Computed overlay after showPopover()"); + popover_div.hidePopover(); + }, "div.showPopover() should put popover div in top layer"); +</script> |