зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1781162 - Upgrade toolkit/components/satchel/test/test_submit_on_keydown_enter.html r=dimi
Differential Revision: https://phabricator.services.mozilla.com/D152927
This commit is contained in:
Родитель
70e90f6a98
Коммит
53fd3c2c76
|
@ -13,7 +13,7 @@ Form History test: Test for keydown handler submitting the form
|
|||
<p id="display"></p>
|
||||
|
||||
<div id="content">
|
||||
<form id="form1" action="javascript:handleSubmit()">
|
||||
<form id="form1">
|
||||
<input type="text" name="field1">
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
|
@ -26,92 +26,98 @@ var input = getFormElementByName(1, "field1");
|
|||
var expectedValue = "value1";
|
||||
var beforeInputFired = false;
|
||||
|
||||
function handleSubmit() { // eslint-disable-line no-unused-vars
|
||||
info("Submit");
|
||||
ok(false, "The form should not be submitted");
|
||||
input.removeEventListener("beforeinput", handleBeforeInput, true);
|
||||
input.removeEventListener("input", handleInput, true);
|
||||
SimpleTest.finish();
|
||||
}
|
||||
add_task(async function setup() {
|
||||
await updateFormHistory([
|
||||
{ op: "remove" },
|
||||
{ op: "add", fieldname: "field1", value: "value1" },
|
||||
]);
|
||||
});
|
||||
|
||||
function handleBeforeInput(aEvent) {
|
||||
info("BeforeInput");
|
||||
beforeInputFired = true;
|
||||
is(input.value, "value", "The value should've not been modified yet");
|
||||
ok(aEvent instanceof InputEvent,
|
||||
'"beforeinput" event should be dispatched with InputEvent interface');
|
||||
is(aEvent.cancelable, SpecialPowers.getBoolPref("dom.input_event.allow_to_cancel_set_user_input"),
|
||||
`"beforeinput" event should be cancelable unless it's supporessed by the pref`);
|
||||
is(aEvent.bubbles, true,
|
||||
'"beforeinput" event should always bubble');
|
||||
is(aEvent.inputType, "insertReplacementText",
|
||||
'inputType of "beforeinput" event should be "insertReplacementText"');
|
||||
is(aEvent.data, expectedValue,
|
||||
`data of "beforeinput" event should be "${expectedValue}"`);
|
||||
is(aEvent.dataTransfer, null,
|
||||
'dataTransfer of "beforeinput" event should be null');
|
||||
is(aEvent.getTargetRanges().length, 0,
|
||||
'getTargetRanges() of "beforeinput" event should return empty array');
|
||||
}
|
||||
add_task(async function submitOnKeydownEnter() {
|
||||
const submitTested = new Promise(resolve => {
|
||||
|
||||
function handleInput(aEvent) {
|
||||
info("Input");
|
||||
ok(beforeInputFired, '"beforeinput" event should have been fired');
|
||||
is(input.value, expectedValue, "Check input value");
|
||||
ok(aEvent instanceof InputEvent,
|
||||
'"input" event should be dispatched with InputEvent interface');
|
||||
is(aEvent.cancelable, false,
|
||||
'"input" event should be never cancelable');
|
||||
is(aEvent.bubbles, true,
|
||||
'"input" event should always bubble');
|
||||
is(aEvent.inputType, "insertReplacementText",
|
||||
'inputType of "input" event should be "insertReplacementText"');
|
||||
is(aEvent.data, expectedValue,
|
||||
`data of "input" event should be "${expectedValue}"`);
|
||||
is(aEvent.dataTransfer, null,
|
||||
'dataTransfer of "input" event should be null');
|
||||
is(aEvent.getTargetRanges().length, 0,
|
||||
'getTargetRanges() of "input" event should return empty array');
|
||||
input.removeEventListener("beforeinput", handleBeforeInput, true);
|
||||
input.removeEventListener("input", handleInput, true);
|
||||
SimpleTest.finish();
|
||||
}
|
||||
function handleBeforeInput(aEvent) {
|
||||
info("BeforeInput");
|
||||
beforeInputFired = true;
|
||||
is(input.value, "value", "The value should've not been modified yet");
|
||||
ok(aEvent instanceof InputEvent,
|
||||
'"beforeinput" event should be dispatched with InputEvent interface');
|
||||
is(aEvent.cancelable, SpecialPowers.getBoolPref("dom.input_event.allow_to_cancel_set_user_input"),
|
||||
`"beforeinput" event should be cancelable unless it's supporessed by the pref`);
|
||||
is(aEvent.bubbles, true,
|
||||
'"beforeinput" event should always bubble');
|
||||
is(aEvent.inputType, "insertReplacementText",
|
||||
'inputType of "beforeinput" event should be "insertReplacementText"');
|
||||
is(aEvent.data, expectedValue,
|
||||
`data of "beforeinput" event should be "${expectedValue}"`);
|
||||
is(aEvent.dataTransfer, null,
|
||||
'dataTransfer of "beforeinput" event should be null');
|
||||
is(aEvent.getTargetRanges().length, 0,
|
||||
'getTargetRanges() of "beforeinput" event should return empty array');
|
||||
}
|
||||
|
||||
function runTest() {
|
||||
input.addEventListener("beforeinput", handleBeforeInput, true);
|
||||
input.addEventListener("input", handleInput, true);
|
||||
input.addEventListener("keydown", function handleEnterDown(e) {
|
||||
if (e.keyCode != KeyEvent.DOM_VK_RETURN) {
|
||||
return;
|
||||
}
|
||||
info("Enter KeyDown");
|
||||
input.removeEventListener("keydown", handleEnterDown, true);
|
||||
form.submit();
|
||||
}, true);
|
||||
function handleInput(aEvent) {
|
||||
info("Input");
|
||||
ok(beforeInputFired, '"beforeinput" event should have been fired');
|
||||
is(input.value, expectedValue, "Check input value");
|
||||
ok(aEvent instanceof InputEvent,
|
||||
'"input" event should be dispatched with InputEvent interface');
|
||||
is(aEvent.cancelable, false,
|
||||
'"input" event should be never cancelable');
|
||||
is(aEvent.bubbles, true,
|
||||
'"input" event should always bubble');
|
||||
is(aEvent.inputType, "insertReplacementText",
|
||||
'inputType of "input" event should be "insertReplacementText"');
|
||||
is(aEvent.data, expectedValue,
|
||||
`data of "input" event should be "${expectedValue}"`);
|
||||
is(aEvent.dataTransfer, null,
|
||||
'dataTransfer of "input" event should be null');
|
||||
is(aEvent.getTargetRanges().length, 0,
|
||||
'getTargetRanges() of "input" event should return empty array');
|
||||
removeEventListeners();
|
||||
resolve();
|
||||
}
|
||||
|
||||
registerPopupShownListener(() => {
|
||||
synthesizeKey("KEY_ArrowDown");
|
||||
synthesizeKey("KEY_Enter"); // select the first entry in the popup
|
||||
});
|
||||
function removeEventListeners() {
|
||||
input.removeEventListener("beforeinput", handleBeforeInput, true);
|
||||
input.removeEventListener("input", handleInput, true);
|
||||
}
|
||||
|
||||
// Focus the input before adjusting.value so that the caret goes to the end
|
||||
// (since OS X doesn't show the dropdown otherwise).
|
||||
input.focus();
|
||||
input.value = "value";
|
||||
input.focus();
|
||||
synthesizeKey("KEY_ArrowDown");
|
||||
}
|
||||
input.addEventListener("beforeinput", handleBeforeInput, true);
|
||||
input.addEventListener("input", handleInput, true);
|
||||
input.addEventListener("keydown", function handleEnterDown(e) {
|
||||
if (e.keyCode != KeyEvent.DOM_VK_RETURN) {
|
||||
return;
|
||||
}
|
||||
info("Enter KeyDown");
|
||||
input.removeEventListener("keydown", handleEnterDown, true);
|
||||
form.submit();
|
||||
}, true);
|
||||
form.addEventListener("submit", () => {
|
||||
info("Submit");
|
||||
ok(false, "The form should not be submitted");
|
||||
removeEventListeners();
|
||||
resolve();
|
||||
}, { once: true });
|
||||
});
|
||||
|
||||
function startTest() {
|
||||
updateFormHistory([
|
||||
{ op: "remove" },
|
||||
{ op: "add", fieldname: "field1", value: "value1" },
|
||||
], runTest);
|
||||
}
|
||||
const autocompleteShown = promiseACShown();
|
||||
|
||||
window.onload = startTest;
|
||||
// Focus the input before adjusting.value so that the caret goes to the end
|
||||
// (since OS X doesn't show the dropdown otherwise).
|
||||
input.focus();
|
||||
input.value = "value";
|
||||
input.focus();
|
||||
synthesizeKey("KEY_ArrowDown");
|
||||
|
||||
await autocompleteShown;
|
||||
|
||||
synthesizeKey("KEY_ArrowDown");
|
||||
synthesizeKey("KEY_Enter"); // select the first entry in the popup
|
||||
|
||||
await submitTested;
|
||||
});
|
||||
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
</script>
|
||||
</pre>
|
||||
</body>
|
||||
|
|
Загрузка…
Ссылка в новой задаче