ladybird/Tests/LibWeb/Text/input/dialog-light-dismiss.html
Gingeh aa9f556500
Some checks are pending
CI / Lagom (arm64, Sanitizer_CI, false, macos-15, macOS, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, ubuntu-24.04, Linux, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, ubuntu-24.04, Linux, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, ubuntu-24.04, Linux, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (arm64, macos-15, macOS, macOS-universal2) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (x86_64, ubuntu-24.04, Linux, Linux-x86_64) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
LibWeb: Light dismiss dialogs on click
2025-04-28 19:41:38 -06:00

80 lines
2.6 KiB
HTML

<!DOCTYPE html>
<script src="include.js"></script>
<p id="outside">Outside all dialogs</p>
<script>
failed = false;
assert = function (bool, message) {
if (!bool) {
println("FAIL: " + message);
failed = true;
}
}
click = function (element) {
const boundingRect = element.getBoundingClientRect();
const centerPoint = {
x: boundingRect.left + boundingRect.width / 2,
y: boundingRect.top + boundingRect.height / 2
};
internals.click(centerPoint.x, centerPoint.y);
};
test(() => {
println("closerequest=\"Any\" should respond to light dismissal");
["any", "AnY"].forEach((closedby) => {
const dialog = document.createElement("dialog");
dialog.closedBy = closedby;
document.body.appendChild(dialog);
assert(!dialog.open, "should be closed by default");
dialog.show();
assert(dialog.open, "should be open after show");
click(dialog);
assert(dialog.open, "should be open after clicking on dialog");
click(outside);
assert(!dialog.open, "should be closed after clicking outside dialog");
dialog.showModal();
assert(dialog.open, "should be open after showModal");
click(dialog);
assert(dialog.open, "should be open after clicking on modal dialog");
click(outside);
assert(!dialog.open, "should be closed after clicking outside modal dialog");
});
println("other dialogs should not respond to light dismissal");
["closerequest", "ClOsErEqUeSt", "none", "NoNe", "invalid", "", undefined].forEach((closedby) => {
const dialog = document.createElement("dialog");
dialog.closedBy = closedby;
document.body.appendChild(dialog);
assert(!dialog.open, "should be closed by default");
dialog.show();
assert(dialog.open, "should be open after show");
click(dialog);
assert(dialog.open, "should be open after clicking on dialog");
click(outside);
assert(dialog.open, "should be open after clicking outside dialog");
dialog.close();
dialog.showModal();
assert(dialog.open, "should be open after showModal");
click(dialog);
assert(dialog.open, "should be open after clicking on modal dialog");
click(outside);
assert(dialog.open, "should be open after clicking outside modal dialog");
});
if (!failed) println("PASS")
});
</script>