diff options
Diffstat (limited to 'widget/tests/file_test_ime_state_on_input_type_change.js')
| -rw-r--r-- | widget/tests/file_test_ime_state_on_input_type_change.js | 315 |
1 files changed, 315 insertions, 0 deletions
diff --git a/widget/tests/file_test_ime_state_on_input_type_change.js b/widget/tests/file_test_ime_state_on_input_type_change.js new file mode 100644 index 0000000000..38c139d6a2 --- /dev/null +++ b/widget/tests/file_test_ime_state_on_input_type_change.js @@ -0,0 +1,315 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +/* import-globals-from file_ime_state_test_helper.js */ + +class IMEStateOnInputTypeChangeTester { + static #sInputElementList = [ + { + type: "", + textControl: true, + }, + { + type: "text", + textControl: true, + }, + { + type: "text", + readonly: true, + textControl: true, + }, + { + type: "password", + textControl: true, + }, + { + type: "password", + readonly: true, + textControl: true, + }, + { + type: "checkbox", + buttonControl: true, + }, + { + type: "radio", + buttonControl: true, + }, + { + type: "submit", + buttonControl: true, + }, + { + type: "reset", + buttonControl: true, + }, + { + type: "file", + buttonControl: true, + }, + { + type: "button", + buttonControl: true, + }, + { + type: "image", + alt: "image", + buttonControl: true, + }, + { + type: "url", + textControl: true, + }, + { + type: "email", + textControl: true, + }, + { + type: "search", + textControl: true, + }, + { + type: "tel", + textControl: true, + }, + { + type: "number", + textControl: true, + }, + { + type: "date", + dateTimeControl: true, + }, + { + type: "datetime-local", + dateTimeControl: true, + }, + { + type: "time", + dateTimeControl: true, + }, + { + type: "range", + buttonControl: true, + }, + { + type: "color", + buttonControl: true, + }, + // TODO(bug 1283382, bug 1283382): month and week + ]; + + static get numberOfTests() { + return IMEStateOnInputTypeChangeTester.#sInputElementList.length; + } + + /** + * @param {HTMLInputElement} aInputElement The input element. + * @returns {number} Expected IME state when aInputElement has focus. + */ + static #getExpectedIMEEnabledState(aInputElement) { + if (aInputElement.readonly) { + return SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_DISABLED; + } + switch (aInputElement.type) { + case "text": + case "url": + case "email": + case "search": + case "tel": + case "number": + return aInputElement.style.imeMode == "disabled" + ? SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_PASSWORD + : SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_ENABLED; + + case "password": + return aInputElement.style.imeMode == "" || + aInputElement.style.imeMode == "auto" || + aInputElement.style.imeMode == "disabled" + ? SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_PASSWORD + : SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_ENABLED; + + default: + return SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_DISABLED; + } + } + + static #getDescription(aInputElement) { + let desc = "<input"; + if (aInputElement.getAttribute("type")) { + desc += ` type="${aInputElement.getAttribute("type")}"`; + } + if (aInputElement.readonly) { + desc += " readonly"; + } + if (aInputElement.getAttribute("style")) { + desc += ` style="ime-mode: ${aInputElement.style.imeMode}"`; + } + return desc + ">"; + } + + // Only runner fields + #mSrcTypeIndex; + #mType; + #mInputElement; + #mNewType; + #mWindow; + + // Only checker fields + #mWindowUtils; + #mTIPWrapper; + + /** + * @param {number} aSrcTypeIndex `type` attribute value index in #sInputElementList + */ + constructor(aSrcTypeIndex) { + this.#mSrcTypeIndex = aSrcTypeIndex; + this.#mType = + IMEStateOnInputTypeChangeTester.#sInputElementList[this.#mSrcTypeIndex]; + } + + clear() { + this.#mInputElement?.remove(); + this.#mTIPWrapper?.clearFocusBlurNotifications(); + this.#mTIPWrapper = null; + } + + #flushPendingIMENotifications() { + return new Promise(resolve => + this.#mWindow.requestAnimationFrame(() => + this.#mWindow.requestAnimationFrame(resolve) + ) + ); + } + + /** + * @param {number} aDestTypeIndex New type index. + * @param {Window} aWindow The window running tests. + * @param {Element} aContainer The element which should have new <input>. + * @param {undefined|string} aIMEModeValue [optional] ime-mode value if you want to specify. + * @returns {object|bool} Expected data before running tests. If the test should not run, returns false. + */ + async prepareToRun(aDestTypeIndex, aWindow, aContainer, aIMEModeValue) { + this.#mWindow = aWindow; + + if (aContainer.ownerDocument.activeElement) { + aContainer.ownerDocument.activeElement.blur(); + await this.#flushPendingIMENotifications(); + } + if (this.#mInputElement?.isConnected) { + this.#mInputElement.remove(); + } + this.#mInputElement = null; + + this.#mNewType = + IMEStateOnInputTypeChangeTester.#sInputElementList[aDestTypeIndex]; + if ( + aDestTypeIndex == this.#mSrcTypeIndex || + this.#mNewType.readonly || + (!this.#mType.textControl && !this.#mNewType.textControl) + ) { + return false; + } + this.#mInputElement = aContainer.ownerDocument.createElement("input"); + if (this.#mType.type != "") { + this.#mInputElement.setAttribute("type", this.#mType.type); + } + if (this.#mType.readonly) { + this.#mInputElement.setAttribute("readonly", ""); + } + if (aIMEModeValue && aIMEModeValue !== "") { + this.#mInputElement.setAttribute("style", `ime-mode: ${aIMEModeValue}`); + } + if (this.#mType.alt) { + this.#mInputElement.setAttribute("alt", this.#mType.alt); + } + const waitForFocus = new Promise(resolve => + this.#mInputElement.addEventListener("focus", resolve, { once: true }) + ); + aContainer.appendChild(this.#mInputElement); + this.#mInputElement.focus(); + await waitForFocus; + + await this.#flushPendingIMENotifications(); + + const expectedIMEState = + IMEStateOnInputTypeChangeTester.#getExpectedIMEEnabledState( + this.#mInputElement + ); + return { + description: IMEStateOnInputTypeChangeTester.#getDescription( + this.#mInputElement + ), + expectedIMEState, + expectedIMEFocus: + expectedIMEState != + SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_DISABLED, + }; + } + + /** + * @param {object} aExpectedData The expected data which was returned by prepareToRun(). + * @param {TIPWrapper} aTIPWrapper TIP wrapper in aWindow. + * @param {Window} aWindow [optional] The window object of which you want to check IME state. + */ + checkBeforeRun(aExpectedData, aTIPWrapper, aWindow = window) { + this.#mWindowUtils = SpecialPowers.wrap(aWindow).windowUtils; + this.#mTIPWrapper = aTIPWrapper; + const description = `IMEStateOnInputTypeChangeTester(${aExpectedData.description})`; + is( + this.#mWindowUtils.IMEStatus, + aExpectedData.expectedIMEState, + `${description}: IME state should be set to expected value before running test` + ); + is( + this.#mTIPWrapper.IMEHasFocus, + aExpectedData.expectedIMEFocus, + `${description}: IME state should ${ + aExpectedData.expectedIMEFocus ? "" : "not" + }have focus before running test` + ); + } + + /** + * @returns {object} The expected results. + */ + async run() { + if (this.#mNewType.type == "") { + this.#mInputElement.removeAttribute("type"); + } else { + this.#mInputElement.setAttribute("type", this.#mNewType.type); + } + + await this.#flushPendingIMENotifications(); + + const expectedIMEState = + IMEStateOnInputTypeChangeTester.#getExpectedIMEEnabledState( + this.#mInputElement + ); + return { + newType: this.#mNewType.type, + expectedIMEState, + expectedIMEFocus: + expectedIMEState != + SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_DISABLED, + }; + } + + checkResult(aExpectedDataBeforeRun, aExpectedData) { + const description = `IMEStateOnInputTypeChangeTester(${ + aExpectedDataBeforeRun.description + } -> type="${aExpectedData.newType || ""}")`; + is( + this.#mWindowUtils.IMEStatus, + aExpectedData.expectedIMEState, + `${description}: IME state should be set to expected value` + ); + is( + this.#mTIPWrapper.IMEHasFocus, + aExpectedData.expectedIMEFocus, + `${description}: IME state should have focus` + ); + } +} |