mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

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:
Sergey Galich 2022-07-28 04:43:23 +00:00
Родитель 70e90f6a98
Коммит 53fd3c2c76
1 изменённых файлов: 85 добавлений и 79 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

164
toolkit/components/satchel/test/test_submit_on_keydown_enter.html
Просмотреть файл

@ -13,7 +13,7 @@ Form History test: Test for keydown handler submitting the form
<p id="display"></p> <p id="display"></p>
<div id="content"> <div id="content">
<form id="form1" action="javascript:handleSubmit()"> <form id="form1">
<input type="text" name="field1"> <input type="text" name="field1">
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
@ -26,92 +26,98 @@ var input = getFormElementByName(1, "field1");
var expectedValue = "value1"; var expectedValue = "value1";
var beforeInputFired = false; var beforeInputFired = false;
function handleSubmit() { // eslint-disable-line no-unused-vars add_task(async function setup() {
info("Submit"); await updateFormHistory([
ok(false, "The form should not be submitted"); { op: "remove" },
input.removeEventListener("beforeinput", handleBeforeInput, true); { op: "add", fieldname: "field1", value: "value1" },
input.removeEventListener("input", handleInput, true); ]);
SimpleTest.finish(); });
}
function handleBeforeInput(aEvent) { add_task(async function submitOnKeydownEnter() {
info("BeforeInput"); const submitTested = new Promise(resolve => {
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 handleInput(aEvent) { function handleBeforeInput(aEvent) {
info("Input"); info("BeforeInput");
ok(beforeInputFired, '"beforeinput" event should have been fired'); beforeInputFired = true;
is(input.value, expectedValue, "Check input value"); is(input.value, "value", "The value should've not been modified yet");
ok(aEvent instanceof InputEvent, ok(aEvent instanceof InputEvent,
'"input" event should be dispatched with InputEvent interface'); '"beforeinput" event should be dispatched with InputEvent interface');
is(aEvent.cancelable, false, is(aEvent.cancelable, SpecialPowers.getBoolPref("dom.input_event.allow_to_cancel_set_user_input"),
'"input" event should be never cancelable'); `"beforeinput" event should be cancelable unless it's supporessed by the pref`);
is(aEvent.bubbles, true, is(aEvent.bubbles, true,
'"input" event should always bubble'); '"beforeinput" event should always bubble');
is(aEvent.inputType, "insertReplacementText", is(aEvent.inputType, "insertReplacementText",
'inputType of "input" event should be "insertReplacementText"'); 'inputType of "beforeinput" event should be "insertReplacementText"');
is(aEvent.data, expectedValue, is(aEvent.data, expectedValue,
`data of "input" event should be "${expectedValue}"`); `data of "beforeinput" event should be "${expectedValue}"`);
is(aEvent.dataTransfer, null, is(aEvent.dataTransfer, null,
'dataTransfer of "input" event should be null'); 'dataTransfer of "beforeinput" event should be null');
is(aEvent.getTargetRanges().length, 0, is(aEvent.getTargetRanges().length, 0,
'getTargetRanges() of "input" event should return empty array'); 'getTargetRanges() of "beforeinput" event should return empty array');
input.removeEventListener("beforeinput", handleBeforeInput, true); }
input.removeEventListener("input", handleInput, true);
SimpleTest.finish();
}
function runTest() { function handleInput(aEvent) {
input.addEventListener("beforeinput", handleBeforeInput, true); info("Input");
input.addEventListener("input", handleInput, true); ok(beforeInputFired, '"beforeinput" event should have been fired');
input.addEventListener("keydown", function handleEnterDown(e) { is(input.value, expectedValue, "Check input value");
if (e.keyCode != KeyEvent.DOM_VK_RETURN) { ok(aEvent instanceof InputEvent,
return; '"input" event should be dispatched with InputEvent interface');
} is(aEvent.cancelable, false,
info("Enter KeyDown"); '"input" event should be never cancelable');
input.removeEventListener("keydown", handleEnterDown, true); is(aEvent.bubbles, true,
form.submit(); '"input" event should always bubble');
}, true); 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(() => { function removeEventListeners() {
synthesizeKey("KEY_ArrowDown"); input.removeEventListener("beforeinput", handleBeforeInput, true);
synthesizeKey("KEY_Enter"); // select the first entry in the popup input.removeEventListener("input", handleInput, true);
}); }
// Focus the input before adjusting.value so that the caret goes to the end input.addEventListener("beforeinput", handleBeforeInput, true);
// (since OS X doesn't show the dropdown otherwise). input.addEventListener("input", handleInput, true);
input.focus(); input.addEventListener("keydown", function handleEnterDown(e) {
input.value = "value"; if (e.keyCode != KeyEvent.DOM_VK_RETURN) {
input.focus(); return;
synthesizeKey("KEY_ArrowDown"); }
} 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() { const autocompleteShown = promiseACShown();
updateFormHistory([
{ op: "remove" },
{ op: "add", fieldname: "field1", value: "value1" },
], runTest);
}
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> </script>
</pre> </pre>
</body> </body>