зеркало из 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>
|
<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>
|
||||||
|
|
Загрузка…
Ссылка в новой задаче