gecko/editor/libeditor/html/tests/test_bug410986.html

81 lines
2.5 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=410986
-->
<head>
<title>Test for Bug 410986</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=410986">Mozilla Bug 410986</a>
<p id="display"></p>
<div id="content">
<div id="contents"><span style="color: green;">green text</span></div>
<div id="editor" contenteditable="true"></div>
</div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 410986 **/
var gPasteEvents = 0;
document.getElementById("editor").addEventListener("paste", function() {
++gPasteEvents;
}, false);
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
getSelection().selectAllChildren(document.getElementById("contents"));
SimpleTest.waitForClipboard("green text",
function() {
synthesizeKey("C", {accelKey: true});
},
function() {
var ed = document.getElementById("editor");
ed.focus();
if (navigator.platform.indexOf("Mac") >= 0) {
synthesizeKey("V", {accelKey: true, shiftKey: true, altKey: true});
} else {
synthesizeKey("V", {accelKey: true, shiftKey: true});
}
is(ed.innerHTML, "green text", "Content should be pasted in plaintext format");
is(gPasteEvents, 1, "One paste event must be fired");
ed.innerHTML = "";
ed.blur();
getSelection().selectAllChildren(document.getElementById("contents"));
SimpleTest.waitForClipboard("green text",
function() {
synthesizeKey("C", {accelKey: true});
},
function() {
var ed = document.getElementById("editor");
ed.focus();
synthesizeKey("V", {accelKey: true});
isnot(ed.innerHTML.indexOf("<span style=\"color: green;\">green text</span>"), -1,
"Content should be pasted in HTML format");
is(gPasteEvents, 2, "Two paste events must be fired");
SimpleTest.finish();
},
function() {
ok(false, "Failed to copy the second item to the clipboard");
SimpleTest.finish();
}
);
},
function() {
ok(false, "Failed to copy the first item to the clipboard");
SimpleTest.finish();
}
);
});
</script>
</pre>
</body>
</html>