Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /html/editing/dnd/synthetic/001.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html>
<head>
<title>Synthetic drag events</title>
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<script type="text/javascript">
test(function() {
assert_own_property(window,'DragEvent');
}, 'window.DragEvent should be exposed' );
test(function() {
var evt = new DragEvent('dragstart');
assert_false( !!evt.initDragEvent, 'initDragEvent' );
assert_true( !!evt.initMouseEvent, 'initMouseEvent' );
assert_true( !!evt.initUIEvent, 'initUIEvent' );
assert_true( !!evt.initEvent, 'initEvent' );
}, 'DragEvent should have all of the inherited init*Event methods' );
//cannot test non-synthetic dataTransfer objects as the param here because that needs a real DragEvent to create a proper one with global storage
//will be tested in another file
test(function() {
var evt = new DragEvent('dragstart');
evt.initMouseEvent('dragstart', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 1, document.body);
}, 'initMouseEvent should not throw' );
test(function() {
var evt = new DragEvent('dragstart');
evt.initUIEvent('dragstart', true, true, window, 1);
}, 'initUIEvent should not throw' );
test(function() {
var evt = new DragEvent('dragstart');
evt.initEvent('dragstart', true, true);
}, 'initEvent should not throw' );
test(function() {
var evt = new DragEvent('dragstart', {dataTransfer:null}), div = document.createElement('div'), ranlistener = false;
div.ondragstart = function () { ranlistener = true; };
div.dispatchEvent(evt);
assert_true(ranlistener);
}, 'DragEvent constructor with null as the dataTransfer parameter should be able to fire the event' );
test(function() {
var evt = new DragEvent('dragstart', {dataTransfer:undefined}), div = document.createElement('div'), ranlistener = false;
div.ondragstart = function () { ranlistener = true; };
div.dispatchEvent(evt);
assert_true(ranlistener);
}, 'DragEvent constructor with undefined as the dataTransfer parameter should be able to fire the event' );
test(function() {
assert_throws_js(TypeError, function() {
var evt = new DragEvent('dragstart', {dataTransfer:{}});
});
}, 'DragEvent constructor with custom object as the dataTransfer parameter should throw TypeError' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), ranlistener = false;
div.ondragstart = function () { ranlistener = true; };
evt.initMouseEvent('dragstart', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 1, document.body);
div.dispatchEvent(evt);
assert_true(ranlistener);
}, 'initMouseEvent should be able to fire the event' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), ranlistener = false;
div.ondragstart = function () { ranlistener = true; };
evt.initUIEvent('dragstart', true, true, window, 1);
div.dispatchEvent(evt);
assert_true(ranlistener);
}, 'initUIEvent should be able to fire the event' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), ranlistener = false;
div.ondragstart = function () { ranlistener = true; };
evt.initEvent('dragstart', true, true);
div.dispatchEvent(evt);
assert_true(ranlistener);
}, 'initEvent should be able to fire the event' );
test(function() {
var evt = new DragEvent('dragstart', {dataTransfer:null}), div = document.createElement('div'), dTrans = 'fail';
div.ondragstart = function (e) { dTrans = e.dataTransfer };
div.dispatchEvent(evt);
assert_equals(dTrans,null);
}, 'DragEvent constructor with null as the dataTransfer parameter should give null as the dataTransfer' );
test(function() {
var evt = new DragEvent('dragstart', {dataTransfer:undefined}), div = document.createElement('div'), dTrans = 'fail';
div.ondragstart = function (e) { dTrans = e.dataTransfer };
div.dispatchEvent(evt);
assert_equals(dTrans,null);
}, 'DragEvent constructor with undefined as the dataTransfer parameter should give null as the dataTransfer' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), dTrans = 'fail';
div.ondragstart = function (e) { dTrans = e.dataTransfer };
evt.initMouseEvent('dragstart', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 1, document.body);
div.dispatchEvent(evt);
assert_equals(dTrans,null);
}, 'initMouseEvent should give null as the dataTransfer' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), dTrans = 'fail';
div.ondragstart = function (e) { dTrans = e.dataTransfer };
evt.initUIEvent('dragstart', true, true, window, 1);
div.dispatchEvent(evt);
assert_equals(dTrans,null);
}, 'initUIEvent should give null as the dataTransfer' );
test(function() {
var evt = new DragEvent('dragstart'), div = document.createElement('div'), dTrans = 'fail';
div.ondragstart = function (e) { dTrans = e.dataTransfer };
evt.initEvent('dragstart', true, true);
div.dispatchEvent(evt);
assert_equals(dTrans,null);
}, 'initEvent should give null as the dataTransfer' );
//cannot test that synthetic event does not use the same data store as non-synthetic event because that needs a real DragEvent to create a proper one with global storage
//will be tested in another file
</script>
<noscript><p>Enable JavaScript and reload</p></noscript>
</body>
</html>