diff options
Diffstat (limited to '')
| -rw-r--r-- | dom/base/test/test_sendQueryContentAndSelectionSetEvent.html | 253 |
1 files changed, 253 insertions, 0 deletions
diff --git a/dom/base/test/test_sendQueryContentAndSelectionSetEvent.html b/dom/base/test/test_sendQueryContentAndSelectionSetEvent.html new file mode 100644 index 0000000000..76e8168706 --- /dev/null +++ b/dom/base/test/test_sendQueryContentAndSelectionSetEvent.html @@ -0,0 +1,253 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Test for nsIDOMWindowUtils.sendQueryContentEvent() and .sendSelectionSetEvent()</title> + <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/> +</head> +<body> +<p id="display"></p> +<div id="content" style="display: none"> + +</div> +<div contenteditable>abc<br>def</div> +<pre id="test"> +<script type="application/javascript"> + +SimpleTest.waitForExplicitFinish(); + +const kLineBreak = navigator.platform.indexOf("Win") == 0 ? "\r\n" : "\n"; + +SimpleTest.waitForFocus(async () => { + const gUtils = window.windowUtils; + + function escape(aStr) + { + var result = aStr.replace("\n", "\\n"); + return result.replace("\r", "\\r"); + } + + function waitForFlushingIMEContentObserver() { + return new Promise(resolve => requestAnimationFrame( + () => requestAnimationFrame(resolve) + )); + } + + const editor = document.querySelector("div[contenteditable]"); + editor.focus(); + + // NOTE: For compatibility, calling without flags should work as with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK. + + // QueryTextContent + var expectedStr = escape(("abc" + kLineBreak + "def").substr(2, 4)); + var result = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_CONTENT, 2, 4, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_TEXT_CONTENT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + is(escape(result.text), expectedStr, + "sendQueryContentEvent(QUERY_TEXT_CONTENT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) got unexpected string"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_CONTENT, 2, 4, 0, 0); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_TEXT_CONTENT) should succeed"); + is(escape(result.text), expectedStr, + "sendQueryContentEvent(QUERY_TEXT_CONTENT) should return same string as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + + expectedStr = escape(("abc\ndef").substr(2, 4)); + result = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_CONTENT, 2, 4, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_TEXT_CONTENT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + is(escape(result.text), expectedStr, + "sendQueryContentEvent(QUERY_TEXT_CONTENT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) got unexpected string"); + + // QueryCaretRect + getSelection().collapse(editor.firstChild, 0); + + var caretNative = gUtils.sendQueryContentEvent(gUtils.QUERY_CARET_RECT, 6, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(caretNative.succeeded, + "sendQueryContentEvent(QUERY_CARET_RECT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + var caretXP = gUtils.sendQueryContentEvent(gUtils.QUERY_CARET_RECT, 6 - kLineBreak.length + 1, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(caretXP.succeeded, + "sendQueryContentEvent(QUERY_CARET_RECT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + + is(caretXP.top, caretNative.top, + "The caret top should be same"); + is(caretXP.left, caretNative.left, + "The caret left should be same"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_CARET_RECT, 6, 0, 0, 0); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_CARET_RECT) should succeed"); + is(result.top, caretNative.top, + "sendQueryContentEvent(QUERY_CARET_RECT) should return same top as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.left, caretNative.left, + "sendQueryContentEvent(QUERY_CARET_RECT) should return same left as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + + // QueryTextRect + var textRectNative = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_RECT, 6, 1, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(textRectNative.succeeded, + "sendQueryContentEvent(QUERY_TEXT_RECT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + var textRectXP = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_RECT, 6 - kLineBreak.length + 1, 1, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(textRectXP.succeeded, + "sendQueryContentEvent(QUERY_TEXT_RECT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + + is(textRectXP.top, textRectNative.top, + "The text top should be same"); + is(textRectXP.left, textRectNative.left, + "The text left should be same"); + is(textRectXP.height, textRectNative.height, + "The text height should be same"); + is(textRectXP.width, textRectNative.width, + "The text width should be same"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_RECT, 6, 1, 0, 0); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_TEXT_RECT) should succeed"); + is(result.top, textRectNative.top, + "sendQueryContentEvent(QUERY_TEXT_RECT) should return same top as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.left, textRectNative.left, + "sendQueryContentEvent(QUERY_TEXT_RECT) should return same left as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.height, textRectNative.height, + "sendQueryContentEvent(QUERY_TEXT_RECT) should return same height as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.width, textRectNative.width, + "sendQueryContentEvent(QUERY_TEXT_RECT) should return same width as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + + // QueryTextRectArray + var textRectArray = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_RECT_ARRAY, 1, 2, 0, 0); + ok(textRectArray.succeeded, + "sendQueryContentEvent(QUERY_TEXT_RECT_ARRAY) should succeed"); + var textRect = gUtils.sendQueryContentEvent(gUtils.QUERY_TEXT_RECT, 1, 2, 0, 0); + ok(textRect.succeeded, + "sendQueryContentEvent(QUERY_TEXT_RECT) should succeed"); + var left = {}; + var top = {}; + var width = {}; + var height = {}; + textRectArray.getCharacterRect(0, left, top, width, height); + is(top.value, textRect.top, + "sendQueryContentEvent(QUERY_TEXT_RECT_ARRAY) should return same top that returns QUERY_TEXT_RECT"); + is(left.value, textRect.left, + "sendQueryContentEvent(QUERY_TEXT_RECT_ARRAY) should return same left that returns QUERY_TEXT_RECT"); + + var left2 = {}; + var top2 = {}; + var width2 = {}; + var height2 = {}; + textRectArray.getCharacterRect(1, left2, top2, width2, height2); + isfuzzy(width.value + width2.value, textRect.width, 2, + "sendQueryContentEvent(QUERY_TEXT_RECT_ARRAY) should return same width that QUERY_TEXT_RECT is returned for offset 1 and 2"); + + is(height.value, textRect.height, + "sendQueryContentEvent(QUERY_TEXT_RECT_ARRAY) should return same height that returns QUERY_TEXT_RECT"); + + // QueryCharacterAtOffset + result = gUtils.sendQueryContentEvent(gUtils.QUERY_CHARACTER_AT_POINT, 0, 0, textRectNative.left + 1, textRectNative.top + 1, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_CHARACTER_AT_POINT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + is(result.top, textRectNative.top, + "The character top is wrong"); + is(result.left, textRectNative.left, + "The character left is wrong"); + is(result.height, textRectNative.height, + "The character height is wrong"); + is(result.width, textRectNative.width, + "The character width is wrong"); + is(result.offset, 6, + "The character offset is wrong"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_CHARACTER_AT_POINT, 0, 0, textRectNative.left + 1, textRectNative.top + 1); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_CHARACTER_AT_POINT) should succeed"); + is(result.top, textRectNative.top, + "The character top should be same as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.left, textRectNative.left, + "The character left should be same as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.height, textRectNative.height, + "The character height should be same as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.width, textRectNative.width, + "The character width should be same as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + is(result.offset, 6, + "The character offset should be same as calling with QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_CHARACTER_AT_POINT, 0, 0, textRectXP.left + 1, textRectXP.top + 1, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_CHARACTER_AT_POINT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + is(result.top, textRectXP.top, + "The character top is wrong"); + is(result.left, textRectXP.left, + "The character left is wrong"); + is(result.height, textRectXP.height, + "The character height is wrong"); + is(result.width, textRectXP.width, + "The character width is wrong"); + is(result.offset, 6 - kLineBreak.length + 1, + "The character offset is wrong"); + + // SelectionSet and QuerySelectedText + await waitForFlushingIMEContentObserver(); + var selectionSet = gUtils.sendSelectionSetEvent(0, 6, gUtils.SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK); + ok(selectionSet, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + expectedStr = escape(("abc" + kLineBreak + "def").substr(0, 6)); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_SELECTED_TEXT, 0, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + ok(!result.reversed, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK) should set non-reversed selection"); + is(escape(result.text), expectedStr, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) got unexpected string"); + + await waitForFlushingIMEContentObserver(); + selectionSet = gUtils.sendSelectionSetEvent(0, 6, gUtils.SELECTION_SET_FLAG_USE_XP_LINE_BREAK); + ok(selectionSet, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_XP_LINE_BREAK) should succeed"); + expectedStr = escape(("abc\ndef").substr(0, 6)); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_SELECTED_TEXT, 0, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + ok(!result.reversed, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_XP_LINE_BREAK) should set non-reversed selection"); + is(escape(result.text), expectedStr, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) got unexpected string"); + + getSelection().collapse(editor, 0); + await waitForFlushingIMEContentObserver(); + var selectionSet = gUtils.sendSelectionSetEvent(0, 6, gUtils.SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK | gUtils.SELECTION_SET_FLAG_REVERSE); + ok(selectionSet, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_SELECTED_TEXT, 0, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_NATIVE_LINE_BREAK) should succeed"); + ok(result.reversed, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_NATIVE_LINE_BREAK | SELECTION_SET_FLAG_REVERSE) should set reversed selection"); + + selectionSet = gUtils.sendSelectionSetEvent(0, 6, gUtils.SELECTION_SET_FLAG_USE_XP_LINE_BREAK | gUtils.SELECTION_SET_FLAG_REVERSE); + ok(selectionSet, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_XP_LINE_BREAK | SELECTION_SET_FLAG_REVERSE) should succeed"); + + result = gUtils.sendQueryContentEvent(gUtils.QUERY_SELECTED_TEXT, 0, 0, 0, 0, + gUtils.QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK); + ok(result.succeeded, + "sendQueryContentEvent(QUERY_SELECTED_TEXT, QUERY_CONTENT_FLAG_USE_XP_LINE_BREAK) should succeed"); + ok(result.reversed, + "sendSelectionSetEvent(0, 6, SELECTION_SET_FLAG_USE_XP_LINE_BREAK | SELECTION_SET_FLAG_REVERSE) should set reversed selection"); + + SimpleTest.finish(); +}); +</script> +</pre> +</body> +</html> |