Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Errors
- This test failed 3 times in the preceding 30 days. quicksearch this test
- Manifest: accessible/tests/browser/text/browser.toml
/* 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
"use strict";
async function testEditable(browser, acc, aBefore = "", aAfter = "") {
async function resetInput() {
if (acc.childCount <= 1) {
return;
}
let emptyInputEvent = waitForEvent(EVENT_TEXT_VALUE_CHANGE, "input");
await invokeContentTask(browser, [], async () => {
content.document.getElementById("input").innerHTML = "";
});
await emptyInputEvent;
}
// ////////////////////////////////////////////////////////////////////////
// insertText
await testInsertText(acc, "hello", 0, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hello", aAfter]);
await testInsertText(acc, "ma ", 0, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "ma hello", aAfter]);
await testInsertText(acc, "ma", 2, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "mama hello", aAfter]);
await testInsertText(acc, " hello", 10, aBefore.length);
await isFinalValueCorrect(browser, acc, [
aBefore,
"mama hello hello",
aAfter,
]);
// ////////////////////////////////////////////////////////////////////////
// deleteText
await testDeleteText(acc, 0, 5, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hello hello", aAfter]);
await testDeleteText(acc, 5, 6, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hellohello", aAfter]);
await testDeleteText(acc, 5, 10, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hello", aAfter]);
await testDeleteText(acc, 0, 5, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "", aAfter]);
// XXX: clipboard operation tests don't work well with editable documents.
if (acc.role == ROLE_DOCUMENT) {
return;
}
await resetInput();
// copyText and pasteText
await testInsertText(acc, "hello", 0, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hello", aAfter]);
await testCopyText(acc, 0, 1, aBefore.length, browser, "h");
await testPasteText(acc, 1, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hhello", aAfter]);
await testCopyText(acc, 5, 6, aBefore.length, browser, "o");
await testPasteText(acc, 6, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hhelloo", aAfter]);
await testCopyText(acc, 2, 3, aBefore.length, browser, "e");
await testPasteText(acc, 1, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "hehelloo", aAfter]);
// cut & paste
await testCutText(acc, 0, 1, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "ehelloo", aAfter]);
await testPasteText(acc, 2, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "ehhelloo", aAfter]);
await testCutText(acc, 3, 4, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "ehhlloo", aAfter]);
await testPasteText(acc, 6, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "ehhlloeo", aAfter]);
await testCutText(acc, 0, 8, aBefore.length);
await isFinalValueCorrect(browser, acc, [aBefore, "", aAfter]);
await resetInput();
// ////////////////////////////////////////////////////////////////////////
// setTextContents
await testSetTextContents(acc, "hello", aBefore.length, [
EVENT_TEXT_INSERTED,
]);
await isFinalValueCorrect(browser, acc, [aBefore, "hello", aAfter]);
await testSetTextContents(acc, "katze", aBefore.length, [
EVENT_TEXT_REMOVED,
EVENT_TEXT_INSERTED,
]);
await isFinalValueCorrect(browser, acc, [aBefore, "katze", aAfter]);
}
addAccessibleTask(
`<input id="input"/>`,
async function (browser, docAcc) {
await testEditable(browser, findAccessibleChildByID(docAcc, "input"));
},
{ chrome: true, topLevel: true }
);
addAccessibleTask(
`<style>
#input::after {
content: "pseudo element";
}
</style>
<div id="input" contenteditable="true" role="textbox"></div>`,
async function (browser, docAcc) {
await testEditable(
browser,
findAccessibleChildByID(docAcc, "input"),
"",
"pseudo element"
);
},
);
addAccessibleTask(
`<style>
#input::before {
content: "pseudo element";
}
</style>
<div id="input" contenteditable="true" role="textbox"></div>`,
async function (browser, docAcc) {
await testEditable(
browser,
findAccessibleChildByID(docAcc, "input"),
"pseudo element"
);
},
);
addAccessibleTask(
`<style>
#input::before {
content: "before";
}
#input::after {
content: "after";
}
</style>
<div id="input" contenteditable="true" role="textbox"></div>`,
async function (browser, docAcc) {
await testEditable(
browser,
findAccessibleChildByID(docAcc, "input"),
"before",
"after"
);
},
);
addAccessibleTask(
``,
async function (browser, docAcc) {
await testEditable(browser, docAcc);
},
{
chrome: true,
topLevel: true,
contentDocBodyAttrs: { contentEditable: "true" },
}
);