diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
| commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
| tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /layout/base/tests/accessiblecaret_magnifier.html | |
| parent | Initial commit. (diff) | |
| download | thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip | |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/base/tests/accessiblecaret_magnifier.html')
| -rw-r--r-- | layout/base/tests/accessiblecaret_magnifier.html | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/layout/base/tests/accessiblecaret_magnifier.html b/layout/base/tests/accessiblecaret_magnifier.html new file mode 100644 index 0000000000..855a027725 --- /dev/null +++ b/layout/base/tests/accessiblecaret_magnifier.html @@ -0,0 +1,91 @@ +<!DOCTYPE html> +<html> +<head> + <script src="/tests/SimpleTest/EventUtils.js"></script> +</head> +<body> +<p id="display"> + <div id="editable" contenteditable style="width: 400px; font-size: 4em;">foobarbaz</div> +</p> +<script> +const SimpleTest = parent.SimpleTest; +const is = parent.is; +const info = parent.info; +const isnot = parent.isnot; +const ok = parent.ok; + +window.addEventListener("load", runTest); + +async function runTest() { + let target = document.getElementById("editable"); + target.focus(); + let targetRect = target.getBoundingClientRect(); + let selection = window.getSelection(); + + // Select word then show accessible caret + synthesizeTouchAtCenter(target, { type: "touchstart" }); + synthesizeMouseAtCenter(target, { type: "mouselongtap" }); + synthesizeTouchAtCenter(target, { type: "touchend" }); + ok(!selection.getRangeAt(0).collapsed, "Select word"); + + let rangeRect = selection.getRangeAt(0).getBoundingClientRect(); + let presscaret = 0; + let dragcaret = 0; + let releasecaret = 0; + + const dragStart = { + x: Math.round(rangeRect.left), + y: Math.round(rangeRect.bottom + 12) + }; + const dragEnd = { + x: Math.round(rangeRect.left + 60), + y: Math.round(rangeRect.bottom + 12) + }; + let handler; + + let promise = new Promise(resolve => { + handler = function(e) { + info("mozcaretstatechanged is fired with " + e.reason); + switch (e.reason) { + case "presscaret": + is(dragStart.x, e.clientX, "dragcaret event has clientX data."); + is(dragStart.y, e.clientY, "dragcaret event has clientY data."); + presscaret++; + break; + case "dragcaret": + is(dragEnd.x, e.clientX, "dragcaret event has clientX data."); + is(dragEnd.y, e.clientY, "dragcaret event has clientY data."); + dragcaret++; + break; + case "releasecaret": + releasecaret++; + resolve(); + break; + } + }; + }); + + SpecialPowers.addChromeEventListener("mozcaretstatechanged", handler, true); + + // Drag accessible caret + synthesizeTouchAtPoint(dragStart.x, dragStart.y, { type: "touchstart" }); + synthesizeTouchAtPoint(dragEnd.x, dragEnd.y, { type: "touchmove" }); + synthesizeTouchAtPoint(dragEnd.x, dragEnd.y, { type: "touchend" }); + + await promise; + + SpecialPowers.removeChromeEventListener("mozcaretstatechanged", handler, true); + + is(presscaret, 1, "presscaret is fired correctly"); + is(dragcaret, 1, "presscaret is fired correctly"); + is(releasecaret, 1, "releasecaret is fired correctly"); + + let newRangeRect = selection.getRangeAt(0).getBoundingClientRect(); + isnot(rangeRect.left, newRangeRect.left, + "Selected range is changed by dragging accessible caret"); + + SimpleTest.finish(); +} +</script> +</body> +</html> |