// This test is used to check copy and paste in editable areas to ensure that non-text
// types (html and images) are copied to and pasted from the clipboard properly.
var testPage =
"" +
" 
" +
" Test Bold After Text
" +
"";
add_task(async function() {
let tab = BrowserTestUtils.addTab(gBrowser);
let browser = gBrowser.getBrowserForTab(tab);
gBrowser.selectedTab = tab;
await promiseTabLoadEvent(tab, "data:text/html," + escape(testPage));
await SimpleTest.promiseFocus(browser);
const modifier = navigator.platform.includes("Mac")
? Ci.nsIDOMWindowUtils.MODIFIER_META
: Ci.nsIDOMWindowUtils.MODIFIER_CONTROL;
function sendKey(message) {
BrowserTestUtils.synthesizeKey(
message.data.key,
{ code: message.data.code, accelKey: true },
browser
);
}
browser.messageManager.addMessageListener("Test:SendKey", sendKey);
// On windows, HTML clipboard includes extra data.
// The values are from widget/windows/nsDataObj.cpp.
const htmlPrefix = navigator.platform.includes("Win")
? "\n"
: "";
const htmlPostfix = navigator.platform.includes("Win")
? "\n\n"
: "";
await ContentTask.spawn(
browser,
{ modifier, htmlPrefix, htmlPostfix },
async function(arg) {
var doc = content.document;
var main = doc.getElementById("main");
main.focus();
// Select an area of the text.
let selection = doc.getSelection();
selection.modify("move", "left", "line");
selection.modify("move", "right", "character");
selection.modify("move", "right", "character");
selection.modify("move", "right", "character");
selection.modify("extend", "right", "word");
selection.modify("extend", "right", "word");
await new Promise((resolve, reject) => {
addEventListener(
"copy",
function copyEvent(event) {
removeEventListener("copy", copyEvent, true);
// The data is empty as the selection is copied during the event default phase.
Assert.equal(
event.clipboardData.mozItemCount,
0,
"Zero items on clipboard"
);
resolve();
},
true
);
sendAsyncMessage("Test:SendKey", { key: "c" });
});
selection.modify("move", "right", "line");
await new Promise((resolve, reject) => {
addEventListener(
"paste",
function copyEvent(event) {
removeEventListener("paste", copyEvent, true);
let clipboardData = event.clipboardData;
Assert.equal(
clipboardData.mozItemCount,
1,
"One item on clipboard"
);
Assert.equal(
clipboardData.types.length,
2,
"Two types on clipboard"
);
Assert.equal(
clipboardData.types[0],
"text/html",
"text/html on clipboard"
);
Assert.equal(
clipboardData.types[1],
"text/plain",
"text/plain on clipboard"
);
Assert.equal(
clipboardData.getData("text/html"),
arg.htmlPrefix + "t Bold" + arg.htmlPostfix,
"text/html value"
);
Assert.equal(
clipboardData.getData("text/plain"),
"t Bold",
"text/plain value"
);
resolve();
},
true
);
sendAsyncMessage("Test:SendKey", { key: "v" });
});
Assert.equal(
main.innerHTML,
"Test Bold After Textt Bold",
"Copy and paste html"
);
selection.modify("extend", "left", "word");
selection.modify("extend", "left", "word");
selection.modify("extend", "left", "character");
await new Promise((resolve, reject) => {
addEventListener(
"cut",
function copyEvent(event) {
removeEventListener("cut", copyEvent, true);
event.clipboardData.setData("text/plain", "Some text");
event.clipboardData.setData("text/html", "Italic ");
selection.deleteFromDocument();
event.preventDefault();
resolve();
},
true
);
sendAsyncMessage("Test:SendKey", { key: "x" });
});
selection.modify("move", "left", "line");
await new Promise((resolve, reject) => {
addEventListener(
"paste",
function copyEvent(event) {
removeEventListener("paste", copyEvent, true);
let clipboardData = event.clipboardData;
Assert.equal(
clipboardData.mozItemCount,
1,
"One item on clipboard 2"
);
Assert.equal(
clipboardData.types.length,
2,
"Two types on clipboard 2"
);
Assert.equal(
clipboardData.types[0],
"text/html",
"text/html on clipboard 2"
);
Assert.equal(
clipboardData.types[1],
"text/plain",
"text/plain on clipboard 2"
);
Assert.equal(
clipboardData.getData("text/html"),
arg.htmlPrefix + "Italic " + arg.htmlPostfix,
"text/html value 2"
);
Assert.equal(
clipboardData.getData("text/plain"),
"Some text",
"text/plain value 2"
);
resolve();
},
true
);
sendAsyncMessage("Test:SendKey", { key: "v" });
});
Assert.equal(
main.innerHTML,
"Italic Test Bold After",
"Copy and paste html 2"
);
}
);
// Next, check that the Copy Image command works.
// The context menu needs to be opened to properly initialize for the copy
// image command to run.
let contextMenu = document.getElementById("contentAreaContextMenu");
let contextMenuShown = promisePopupShown(contextMenu);
BrowserTestUtils.synthesizeMouseAtCenter(
"#img",
{ type: "contextmenu", button: 2 },
gBrowser.selectedBrowser
);
await contextMenuShown;
document.getElementById("context-copyimage-contents").doCommand();
contextMenu.hidePopup();
await promisePopupHidden(contextMenu);
// Focus the content again
await SimpleTest.promiseFocus(browser);
await ContentTask.spawn(
browser,
{ modifier, htmlPrefix, htmlPostfix },
async function(arg) {
var doc = content.document;
var main = doc.getElementById("main");
main.focus();
await new Promise((resolve, reject) => {
addEventListener(
"paste",
function copyEvent(event) {
removeEventListener("paste", copyEvent, true);
let clipboardData = event.clipboardData;
// DataTransfer doesn't support the image types yet, so only text/html
// will be present.
if (
clipboardData.getData("text/html") !==
arg.htmlPrefix +
'' +
arg.htmlPostfix
) {
reject(
"Clipboard Data did not contain an image, was " +
clipboardData.getData("text/html")
);
}
resolve();
},
true
);
sendAsyncMessage("Test:SendKey", { key: "v" });
});
// The new content should now include an image.
Assert.equal(
main.innerHTML,
'Italic ![]()
' +
"Test Bold After",
"Paste after copy image"
);
}
);
browser.messageManager.removeMessageListener("Test:SendKey", sendKey);
gBrowser.removeCurrentTab();
});