<?xml version="1.0"?>
<!-- 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
- file, You can obtain one at
http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
type="text/css"?>
<window title="Test EventUtils functions"
xmlns="
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
<script type="text/javascript">
var start = new Date();
</script>
<script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
<script type="text/javascript">
var loadTime = new Date();
</script>
<script type="application/javascript">
<![CDATA[
info("\nProfile::EventUtilsLoadTime: " + (loadTime - start) + "\n");
var testFile = Services.dirsvc.get("CurWorkD", Ci.nsIFile);
var regularDtForDrag1 = null;
var gSetDropEffect = true;
var gData;
var gEnter = false;
var gOver = false;
var dragDrop = [[
{ type : "text/plain",
data : "This is a test" }
]];
// this is the expected data arrays
// for testing drag of 2 items create 2 inner arrays
var drag1 = [[
{ type : "text/uri-list",
data : "
http://www.mozilla.org/" }
]];
var drag2items = [[
{ type : "text/uri-list",
data : "
http://www.mozilla.org/" }
],[
{ type : "text/uri-list",
data : "
http://www.mozilla.org/" }
]];
var drag1WrongFlavor = [[
{ type : "text/plain",
data : "this is text/plain" }
]];
var drag2 = [[
{ type : "text/plain",
data : "this is text/plain" },
{ type : "text/uri-list",
data : "
http://www.mozilla.org/" }
]];
var drag2WrongOrder = [[
{ type : "text/uri-list",
data : "
http://www.mozilla.org/" },
{ type : "text/plain",
data : "this is text/plain" }
]];
var dragfile = [[
{ type : "application/x-moz-file",
data : testFile,
eqTest(actualData, expectedData) {return expectedData.equals(actualData);} },
{ type : "Files",
data : null }
]];
function doOnDrop(aEvent) {
gData = aEvent.dataTransfer.getData(dragDrop[0][0].type);
aEvent.preventDefault(); // cancels event and keeps dropEffect
// as was before event.
}
function doOnDragStart(aEvent) {
var dt = aEvent.dataTransfer;
switch (aEvent.currentTarget.id) {
case "drag2" :
dt.setData("text/plain", "this is text/plain");
// fallthrough
case "drag1" :
regularDtForDrag1 = dt;
dt.setData("text/uri-list", "
http://www.mozilla.org/");
break;
case "dragfile" :
dt.mozSetDataAt("application/x-moz-file", testFile, 0);
break;
}
dt.effectAllowed = "all";
}
function doOnDragEnter(aEvent) {
gEnter = true;
aEvent.dataTransfer.effectAllowed = "all";
aEvent.preventDefault(); // sets target this element
}
function doOnDragOver(aEvent) {
gOver = true;
if (gSetDropEffect)
aEvent.dataTransfer.dropEffect = "copy";
aEvent.preventDefault();
}
SimpleTest.waitForExplicitFinish();
async function test() {
var startTime = new Date();
var result;
/* test synthesizeDrop */
result = synthesizeDrop($("dragDrop"), $("dragDrop"), dragDrop, null, window);
ok(gEnter, "Fired dragenter");
ok(gOver, "Fired dragover");
is(result, "copy", "copy is dropEffect");
is(gData, dragDrop[0][0].data, "Received valid drop data");
gSetDropEffect = false;
result = synthesizeDrop($("dragDrop"), $("dragDrop"), dragDrop, "link", window);
is(result, "link", "link is dropEffect");
gSetDropEffect = true;
$("textB").focus();
var content = synthesizeQueryTextContent(0, 100);
ok(content, "synthesizeQueryTextContent should not be null");
ok(content.succeeded, "synthesizeQueryTextContent should succeed");
is(content.text, "I haz a content", "synthesizeQueryTextContent should be 'I haz a content'
: " + content.text);
content = synthesizeQueryCaretRect(0);
ok(content, "synthesizeQueryCaretRect should not be null");
ok(content.succeeded, "synthesizeQueryCaretRect should succeed");
content = synthesizeQueryTextRect(0, 100);
ok(content, "synthesizeQueryTextRect should not be null");
ok(content.succeeded, "synthesizeQueryTextRect should succeed");
content = synthesizeQueryEditorRect();
ok(content, "synthesizeQueryEditorRect should not be null");
ok(content.succeeded, "synthesizeQueryEditorRect should succeed");
content = synthesizeCharAtPoint(0, 0);
ok(content, "synthesizeCharAtPoint should not be null");
ok(content.succeeded, "synthesizeCharAtPoint should succeed");
content = await synthesizeSelectionSet(0, 100);
ok(content, "synthesizeSelectionSet should not be null");
is(content, true, "synthesizeSelectionSet should succeed");
var endTime = new Date();
info("\nProfile::EventUtilsRunTime: " + (endTime-startTime) + "\n");
SimpleTest.finish();
};
]]>
</script>
<body xmlns="http://www.w3.org/1999/xhtml" onload="setTimeout(test, 0)">
<input id="textB" value="I haz a content"/>
<p id="display"></p>
<div id="content" style="display:none;"></div>
<pre id="test"></pre>
<div id="drag1" ondragstart="doOnDragStart(event);">Need some space here</div>
<p id="display"></p>
<div id="content" style="display:none;"></div>
<pre id="test"></pre>
<div id="dragDrop" ondragover ="doOnDragOver(event);"
ondragenter ="doOnDragEnter(event);"
ondragleave ="doOnDragLeave(event);"
ondrop ="doOnDrop(event);">
Need some depth and height to drag here
</div>
<div id="drag2" ondragstart="doOnDragStart(event);">Need more space</div>
<div id="dragfile" ondragstart="doOnDragStart(event);">Sure why not here too</div>
</body>
</window>
