diff options
Diffstat (limited to 'mobile/android/tests/browser/robocop/testAccessibleCarets.js')
| -rw-r--r-- | mobile/android/tests/browser/robocop/testAccessibleCarets.js | 323 |
1 files changed, 323 insertions, 0 deletions
diff --git a/mobile/android/tests/browser/robocop/testAccessibleCarets.js b/mobile/android/tests/browser/robocop/testAccessibleCarets.js new file mode 100644 index 0000000000..a71ed22ee0 --- /dev/null +++ b/mobile/android/tests/browser/robocop/testAccessibleCarets.js @@ -0,0 +1,323 @@ +// -*- indent-tabs-mode: nil; js-indent-level: 2 -*- +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +"use strict"; + +var { classes: Cc, interfaces: Ci, utils: Cu } = Components; +Cu.import("resource://gre/modules/Services.jsm"); +Cu.import("resource://gre/modules/Messaging.jsm"); +Cu.import('resource://gre/modules/Geometry.jsm'); + +const ACCESSIBLECARET_PREF = "layout.accessiblecaret.enabled"; +const BASE_TEST_URL = "http://mochi.test:8888/tests/robocop/testAccessibleCarets.html"; +const DESIGNMODE_TEST_URL = "http://mochi.test:8888/tests/robocop/testAccessibleCarets2.html"; + +// Ensures Tabs are completely loaded, viewport and zoom constraints updated, etc. +const TAB_CHANGE_EVENT = "testAccessibleCarets:TabChange"; +const TAB_STOP_EVENT = "STOP"; + +const gChromeWin = Services.wm.getMostRecentWindow("navigator:browser"); + +/** + * Wait for and return, when an expected tab change event occurs. + * + * @param tabId, The id of the target tab we're observing. + * @param eventType, The event type we expect. + * @return {Promise} + * @resolves The tab change object, including the matched tab id and event. + */ +function do_promiseTabChangeEvent(tabId, eventType) { + return new Promise(resolve => { + let observer = (subject, topic, data) => { + let message = JSON.parse(data); + + if (message.event === eventType && message.tabId === tabId) { + Services.obs.removeObserver(observer, TAB_CHANGE_EVENT); + resolve(data); + } + } + + Services.obs.addObserver(observer, TAB_CHANGE_EVENT, false); + }); +} + +/** + * Selection methods vary if we have an input / textarea element, + * or if we have basic content. + */ +function isInputOrTextarea(element) { + return ((element instanceof Ci.nsIDOMHTMLInputElement) || + (element instanceof Ci.nsIDOMHTMLTextAreaElement)); +} + +/** + * Return the selection controller based on element. + */ +function elementSelection(element) { + return (isInputOrTextarea(element)) ? + element.editor.selection : + element.ownerDocument.defaultView.getSelection(); +} + +/** + * Select the requested character of a target element, w/o affecting focus. + */ +function selectElementChar(doc, element, char) { + if (isInputOrTextarea(element)) { + element.setSelectionRange(char, char + 1); + return; + } + + // Simple test cases designed firstChild == #text node. + let range = doc.createRange(); + range.setStart(element.firstChild, char); + range.setEnd(element.firstChild, char + 1); + + let selection = elementSelection(element); + selection.removeAllRanges(); + selection.addRange(range); +} + +/** + * Get longpress point. Determine the midpoint in the requested character of + * the content in the element. X will be midpoint from left to right. + * Y will be 1/3 of the height up from the bottom to account for both + * LTR and smaller RTL characters. ie: |X| vs. |א| + */ +function getCharPressPoint(doc, element, char, expected) { + // Select the first char in the element. + selectElementChar(doc, element, char); + + // Reality check selected char to expected. + let selection = elementSelection(element); + is(selection.toString(), expected, "Selected char should match expected char."); + + // Return a point where long press should select entire word. + let rect = selection.getRangeAt(0).getBoundingClientRect(); + let r = new Point(rect.left + (rect.width / 2), rect.bottom - (rect.height / 3)); + + return r; +} + +/** + * Long press an element (RTL/LTR) at its calculated first character + * position, and return the result. + * + * @param midPoint, The screen coord for the longpress. + * @return Selection state helper-result object. + */ +function getLongPressResult(browser, midPoint) { + let domWinUtils = browser.contentWindow. + QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIDOMWindowUtils); + + // AccessibleCarets expect longtap between touchstart/end. + domWinUtils.sendTouchEventToWindow("touchstart", [0], [midPoint.x], [midPoint.y], + [1], [1], [0], [1], 1, 0); + domWinUtils.sendMouseEventToWindow("mouselongtap", midPoint.x, midPoint.y, + 0, 1, 0); + domWinUtils.sendTouchEventToWindow("touchend", [0], [midPoint.x], [midPoint.y], + [1], [1], [0], [1], 1, 0); + + let ActionBarHandler = gChromeWin.ActionBarHandler; + return { focusedElement: ActionBarHandler._targetElement, + text: ActionBarHandler._getSelectedText(), + selectionID: ActionBarHandler._selectionID, + }; +} + +/** + * Checks the Selection UI (ActionBar or FloatingToolbar) + * for the availability of an expected action. + * + * @param expectedActionID, The Selection UI action we expect to be available. + * @return Result boolean. + */ +function UIhasActionByID(expectedActionID) { + let actions = gChromeWin.ActionBarHandler._actionBarActions; + return actions.some(action => { + return action.id === expectedActionID; + }); +} + +/** + * Messages the ActionBarHandler to close the Selection UI. + */ +function closeSelectionUI() { + Services.obs.notifyObservers(null, "TextSelection:End", + JSON.stringify({selectionID: gChromeWin.ActionBarHandler._selectionID})); +} + +/** + * Main test method. + */ +add_task(function* testAccessibleCarets() { + // Wait to start loading our test page until after the initial browser tab is + // completely loaded. This allows each tab to complete its layer initialization, + // importantly, its viewport and zoomContraints info. + let BrowserApp = gChromeWin.BrowserApp; + yield do_promiseTabChangeEvent(BrowserApp.selectedTab.id, TAB_STOP_EVENT); + + // Ensure Gecko Selection and Touch carets are enabled. + Services.prefs.setBoolPref(ACCESSIBLECARET_PREF, true); + + // Load test page, wait for load completion, register cleanup. + let browser = BrowserApp.addTab(BASE_TEST_URL).browser; + let tab = BrowserApp.getTabForBrowser(browser); + yield do_promiseTabChangeEvent(tab.id, TAB_STOP_EVENT); + + do_register_cleanup(function cleanup() { + BrowserApp.closeTab(tab); + Services.prefs.clearUserPref(ACCESSIBLECARET_PREF); + }); + + // References to test document elements. + let doc = browser.contentDocument; + let ce_LTR_elem = doc.getElementById("LTRcontenteditable"); + let tc_LTR_elem = doc.getElementById("LTRtextContent"); + let i_LTR_elem = doc.getElementById("LTRinput"); + let ta_LTR_elem = doc.getElementById("LTRtextarea"); + + let ce_RTL_elem = doc.getElementById("RTLcontenteditable"); + let tc_RTL_elem = doc.getElementById("RTLtextContent"); + let i_RTL_elem = doc.getElementById("RTLinput"); + let ta_RTL_elem = doc.getElementById("RTLtextarea"); + + let ip_LTR_elem = doc.getElementById("LTRphone"); + let ip_RTL_elem = doc.getElementById("RTLphone"); + let bug1265750_elem = doc.getElementById("bug1265750"); + + // Locate longpress midpoints for test elements, ensure expactations. + let ce_LTR_midPoint = getCharPressPoint(doc, ce_LTR_elem, 0, "F"); + let tc_LTR_midPoint = getCharPressPoint(doc, tc_LTR_elem, 0, "O"); + let i_LTR_midPoint = getCharPressPoint(doc, i_LTR_elem, 0, "T"); + let ta_LTR_midPoint = getCharPressPoint(doc, ta_LTR_elem, 0, "W"); + + let ce_RTL_midPoint = getCharPressPoint(doc, ce_RTL_elem, 0, "א"); + let tc_RTL_midPoint = getCharPressPoint(doc, tc_RTL_elem, 0, "ת"); + let i_RTL_midPoint = getCharPressPoint(doc, i_RTL_elem, 0, "ל"); + let ta_RTL_midPoint = getCharPressPoint(doc, ta_RTL_elem, 0, "ה"); + + let ip_LTR_midPoint = getCharPressPoint(doc, ip_LTR_elem, 8, "2"); + let ip_RTL_midPoint = getCharPressPoint(doc, ip_RTL_elem, 9, "2"); + let bug1265750_midPoint = getCharPressPoint(doc, bug1265750_elem, 2, "7"); + + // Longpress various LTR content elements. Test focused element against + // expected, and selected text against expected. + let result = getLongPressResult(browser, ce_LTR_midPoint); + is(result.focusedElement, ce_LTR_elem, "Focused element should match expected."); + is(result.text, "Find", "Selected text should match expected text."); + + result = getLongPressResult(browser, tc_LTR_midPoint); + is(result.focusedElement, null, "No focused element is expected."); + is(result.text, "Open", "Selected text should match expected text."); + + result = getLongPressResult(browser, i_LTR_midPoint); + is(result.focusedElement, i_LTR_elem, "Focused element should match expected."); + is(result.text, "Type", "Selected text should match expected text."); + + result = getLongPressResult(browser, ta_LTR_midPoint); + is(result.focusedElement, ta_LTR_elem, "Focused element should match expected."); + is(result.text, "Words", "Selected text should match expected text."); + + result = getLongPressResult(browser, ip_LTR_midPoint); + is(result.focusedElement, ip_LTR_elem, "Focused element should match expected."); + is(result.text, "09876543210 .-.)(wp#*103410341", + "Selected phone number should match expected text."); + is(result.text.length, 30, + "Selected phone number length should match expected maximum."); + + result = getLongPressResult(browser, bug1265750_midPoint); + is(result.focusedElement, null, "Focused element should match expected."); + is(result.text, "3 45 678 90", + "Selected phone number should match expected text."); + + // Longpress various RTL content elements. Test focused element against + // expected, and selected text against expected. + result = getLongPressResult(browser, ce_RTL_midPoint); + is(result.focusedElement, ce_RTL_elem, "Focused element should match expected."); + is(result.text, "איפה", "Selected text should match expected text."); + + result = getLongPressResult(browser, tc_RTL_midPoint); + is(result.focusedElement, null, "No focused element is expected."); + is(result.text, "תן", "Selected text should match expected text."); + + result = getLongPressResult(browser, i_RTL_midPoint); + is(result.focusedElement, i_RTL_elem, "Focused element should match expected."); + is(result.text, "לרוץ", "Selected text should match expected text."); + + result = getLongPressResult(browser, ta_RTL_midPoint); + is(result.focusedElement, ta_RTL_elem, "Focused element should match expected."); + is(result.text, "הספר", "Selected text should match expected text."); + + result = getLongPressResult(browser, ip_RTL_midPoint); + is(result.focusedElement, ip_RTL_elem, "Focused element should match expected."); + is(result.text, "+972 3 7347514 ", + "Selected phone number should match expected text."); + + // Close Selection UI (ActionBar or FloatingToolbar) and complete test. + closeSelectionUI(); + ok(true, "Finished testAccessibleCarets tests."); +}); + +/** + * DesignMode test method. + */ +add_task(function* testAccessibleCarets_designMode() { + let BrowserApp = gChromeWin.BrowserApp; + + // Pre-populate the clipboard to ensure PASTE action available. + Cc["@mozilla.org/widget/clipboardhelper;1"]. + getService(Ci.nsIClipboardHelper).copyString("somethingMagical"); + + // Load test page, wait for load completion. + let browser = BrowserApp.addTab(DESIGNMODE_TEST_URL).browser; + let tab = BrowserApp.getTabForBrowser(browser, { selected: true }); + yield do_promiseTabChangeEvent(tab.id, TAB_STOP_EVENT); + + // References to test document elements, ActionBarHandler. + let doc = browser.contentDocument; + let tc_LTR_elem = doc.getElementById("LTRtextContent"); + let tc_RTL_elem = doc.getElementById("RTLtextContent"); + + // Locate longpress midpoints for test elements, ensure expactations. + let tc_LTR_midPoint = getCharPressPoint(doc, tc_LTR_elem, 5, "x"); + let tc_RTL_midPoint = getCharPressPoint(doc, tc_RTL_elem, 9, "ת"); + + let flavors = ["text/unicode"]; + let clipboardHasText = Services.clipboard.hasDataMatchingFlavors( + flavors, flavors.length, Ci.nsIClipboard.kGlobalClipboard); + is(clipboardHasText, true, "There should now be paste-able text in the clipboard."); + + // Toggle designMode on/off/on, check UI expectations. + ["on", "off"].forEach(designMode => { + doc.designMode = designMode; + + // Text content in a document, whether in designMode or not, never receives focus. + // Available ActionBar/FloatingToolbar UI actions should vary depending on mode. + + let result = getLongPressResult(browser, tc_LTR_midPoint); + is(result.focusedElement, null, "No focused element is expected."); + is(result.text, "existence", "Selected text should match expected text."); + is(UIhasActionByID("cut_action"), (designMode === "on"), + "CUT action UI Visibility should match designMode state."); + is(UIhasActionByID("paste_action"), (designMode === "on"), + "PASTE action UI Visibility should match designMode state."); + + result = getLongPressResult(browser, tc_RTL_midPoint); + is(result.focusedElement, null, "No focused element is expected."); + is(result.text, "אותו", "Selected text should match expected text."); + is(UIhasActionByID("cut_action"), (designMode === "on"), + "CUT action UI Visibility should match designMode state."); + is(UIhasActionByID("paste_action"), (designMode === "on"), + "PASTE action UI Visibility should match designMode state."); + }); + + // Close Selection UI (ActionBar or FloatingToolbar) and complete test. + closeSelectionUI(); + ok(true, "Finished testAccessibleCarets_designMode tests."); +}); + + +// Start all the test tasks. +run_next_test(); |