mirror of
https://github.com/servo/servo.git
synced 2025-08-08 23:15:33 +01:00
Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255
This commit is contained in:
James Graham
parent
b2a5225831
commit
1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
207
tests/wpt/web-platform-tests/html/editing/dnd/dom/draggable.html
Normal file
207
tests/wpt/web-platform-tests/html/editing/dnd/dom/draggable.html
Normal file
|
|
@ -0,0 +1,207 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset='utf-8'>
|
||||
<title>drag & drop – draggable attribute</title>
|
||||
<style>div#test_elements { display: none; }</style>
|
||||
|
||||
<script src='/resources/testharness.js'></script>
|
||||
<script src='/resources/testharnessreport.js'></script>
|
||||
|
||||
<noscript><p>Enable JavaScript and reload.</p></noscript>
|
||||
|
||||
<div id='log'></div>
|
||||
|
||||
<div id='test_elements'>
|
||||
|
||||
<div id='defaults'>
|
||||
<a href='#'>.</a>
|
||||
<div></div>
|
||||
<img src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='draggable'>
|
||||
<a draggable='true' href='#'>.</a>
|
||||
<div draggable='true'></div>
|
||||
<img draggable='true' src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='draggable_false'>
|
||||
<a draggable='false' href='#'>.</a>
|
||||
<div draggable='false'></div>
|
||||
<img draggable='false' src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='draggable_auto'>
|
||||
<a draggable='auto' href='#'>.</a>
|
||||
<div draggable='auto'></div>
|
||||
<img draggable='auto' src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='draggable_foo'>
|
||||
<a draggable='foo' href='#'>.</a>
|
||||
<div draggable='foo'></div>
|
||||
<img draggable='foo' src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='changable_true'>
|
||||
<a href='#'>.</a>
|
||||
<div></div>
|
||||
<img src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='changable_false'>
|
||||
<a href='#'>.</a>
|
||||
<div></div>
|
||||
<img src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
<div id='changable_foo'>
|
||||
<a href='#'>.</a>
|
||||
<div></div>
|
||||
<img src='../resources/1x1-transparent.gif'>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var foo = document.getElementById('foo');
|
||||
|
||||
/* Does the .draggable property exist? */
|
||||
test(function () {
|
||||
assert_idl_attribute(document.querySelector('#defaults a'), 'draggable');
|
||||
}, 'an <a> element should have a draggable property');
|
||||
|
||||
test(function () {
|
||||
assert_idl_attribute(document.querySelector('#defaults div'), 'draggable');
|
||||
}, 'a <div> element should have a draggable property');
|
||||
|
||||
test(function () {
|
||||
assert_idl_attribute(document.querySelector('#defaults img'), 'draggable');
|
||||
}, 'an <img> element should have a draggable property');
|
||||
|
||||
|
||||
/* Check the default values on different types of elements */
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#defaults a').draggable);
|
||||
}, 'an <a> element should be draggable by default');
|
||||
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#defaults div').draggable);
|
||||
}, 'a <div> element should not be draggable by default');
|
||||
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#defaults img').draggable);
|
||||
}, 'an <img> element should be draggable by default');
|
||||
|
||||
|
||||
/* If draggable="true" is set, all the elements should be draggable */
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable a').draggable);
|
||||
}, 'an <a> element with draggable="true" should be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable div').draggable);
|
||||
}, 'a <div> element with draggable="true" should be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable img').draggable);
|
||||
}, 'an <img> element with draggable="true" should be draggable');
|
||||
|
||||
|
||||
/* If draggable="false" is set, none of the elements should be draggable */
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#draggable_false a').draggable);
|
||||
}, 'an <a> element with draggable="false" should not be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#draggable_false div').draggable);
|
||||
}, 'a <div> element with draggable="false" should not be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#draggable_false img').draggable);
|
||||
}, 'an <img> element with draggable="false" should not be draggable');
|
||||
|
||||
|
||||
/* If draggable="auto" is set, fall back to the defaults */
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable_auto a').draggable);
|
||||
}, 'an <a> element with draggable="auto" should be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#draggable_auto div').draggable);
|
||||
}, 'a <div> element with draggable="auto" should not be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable_auto img').draggable);
|
||||
}, 'an <img> element with draggable="auto" should be draggable');
|
||||
|
||||
|
||||
/* If draggable="foo" is set, fall back to the defaults */
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable_foo a').draggable);
|
||||
}, 'an <a> element with draggable="foo" should be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_false(document.querySelector('#draggable_foo div').draggable);
|
||||
}, 'a <div> element with draggable="foo" should not be draggable');
|
||||
|
||||
test(function () {
|
||||
assert_true(document.querySelector('#draggable_foo img').draggable);
|
||||
}, 'an <img> element with draggable="foo" should be draggable');
|
||||
|
||||
|
||||
/* Setting the element.droppable attribute to true for all elements */
|
||||
test(function () {
|
||||
document.querySelector('#changable_true a').draggable = true;
|
||||
assert_true(document.querySelector('#changable_true a').draggable);
|
||||
}, 'an <a> element with the draggable property set to true through a script should be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_true div').draggable = true;
|
||||
assert_true(document.querySelector('#changable_true div').draggable);
|
||||
}, 'a <div> element with the draggable property set to true through a script should be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_true img').draggable = true;
|
||||
assert_true(document.querySelector('#changable_true img').draggable);
|
||||
}, 'an <img> element with the draggable property set to true through a script should be draggable');
|
||||
|
||||
|
||||
/* Setting the element.droppable attribute to false for all elements */
|
||||
test(function () {
|
||||
document.querySelector('#changable_false a').draggable = false;
|
||||
assert_false(document.querySelector('#changable_false a').draggable);
|
||||
}, 'an <a> element with the draggable property set to false through a script should not be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_false div').draggable = false;
|
||||
assert_false(document.querySelector('#changable_false div').draggable);
|
||||
}, 'a <div> element with the draggable property set to false through a script should not be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_false img').draggable = false;
|
||||
assert_false(document.querySelector('#changable_false img').draggable);
|
||||
}, 'an <img> element with the draggable property set to false through a script should not be draggable');
|
||||
|
||||
|
||||
/* Setting the element.droppable attribute to "foo" for all elements */
|
||||
test(function () {
|
||||
document.querySelector('#changable_foo a').draggable = 'foo';
|
||||
assert_true(document.querySelector('#changable_foo a').draggable);
|
||||
}, 'an <a> element with the draggable property set to "foo" through a script should be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_foo div').draggable = 'auto';
|
||||
assert_true(document.querySelector('#changable_foo div').draggable);
|
||||
}, 'a <div> element with the draggable property set to "foo" through a script should be draggable');
|
||||
|
||||
test(function () {
|
||||
document.querySelector('#changable_foo img').draggable = 'foo';
|
||||
assert_true(document.querySelector('#changable_foo img').draggable);
|
||||
}, 'an <img> element with the draggable property set to "foo" through a script should be draggable');
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset='utf-8'>
|
||||
<title>drag & drop – events</title>
|
||||
|
||||
<script src='/resources/testharness.js'></script>
|
||||
<script src='/resources/testharnessreport.js'></script>
|
||||
|
||||
|
||||
<noscript><p>Enable JavaScript and reload.</p></noscript>
|
||||
|
||||
<div id='log'></div>
|
||||
|
||||
<script>
|
||||
|
||||
var element = document.createElement('div');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondragstart, null);
|
||||
}, 'element.ondragstart initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondrag, null);
|
||||
}, 'element.ondrag must initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondragenter, null);
|
||||
}, 'element.ondragenter initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondragleave, null);
|
||||
}, 'element.ondragleave initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondragover, null);
|
||||
}, 'element.ondragover initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondrop, null);
|
||||
}, 'element.ondrop initial value');
|
||||
|
||||
test(function () {
|
||||
assert_equals(element.ondragend, null);
|
||||
}, 'element.ondragend initial value');
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Exposing drag & drop events on document and window</title>
|
||||
<script type="text/javascript" src="/resources/testharness.js"></script>
|
||||
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="log">Enable script and reload</div>
|
||||
<script type="text/javascript">
|
||||
var allEvents = ['ondragstart','ondrag','ondragover','ondragenter','ondragleave','ondrop','ondragend'];
|
||||
var allObjects = [['window',window],['document',document],['HTMLElement',document.createElement('div')]];
|
||||
var fails = [];
|
||||
for( var i = 0; i < allObjects.length; i++ ) {
|
||||
for( var j = 0; j < allEvents.length; j++ ) {
|
||||
test(function () {
|
||||
assert_true(allEvents[j] in allObjects[i][1]);
|
||||
}, allEvents[j] + ' in ' + allObjects[i][0]);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue