Chromium Code Reviews| Index: third_party/WebKit/LayoutTests/fast/dnd/dropEffect-for-effectAllowed.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/dnd/dropEffect-for-effectAllowed.html b/third_party/WebKit/LayoutTests/fast/dnd/dropEffect-for-effectAllowed.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..7d23c0304ff9262115a5b99aacefa7f1e561ace2 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/dnd/dropEffect-for-effectAllowed.html |
| @@ -0,0 +1,102 @@ |
| +<!doctype html> |
| +<meta charset="utf-8" /> |
|
jsbell
2017/03/02 22:06:45
nit: no /> just > unless this is XHTML (which it i
pwnall
2017/03/02 22:34:29
Done.
|
| +<title>Drag and Drop: interaction between effectAllowed and dropEffect</title> |
| +<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#drag-and-drop-processing-model"> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| +<script src="resources/dropEffect-common.js"></script> |
| +<style> |
| +.box { |
| + display: block; |
| + border: 1px solid black; |
| + width: 100px; |
| + height: 100px; |
| +} |
| +</style> |
| + |
| +<p> |
| + Please drag the "Drag Me" box into the "Drop Here" box repeatedly, until the |
| + test ends. |
| +</p> |
| + |
| +<div class="dragged box" draggable="true"> |
| + Drag Me |
| +</div> |
| + |
| +<div class="dropzone box"> |
| + Drop Here |
| +</div> |
| + |
| +<p> |
| + Current test: <code class="test-description"></code> |
|
jsbell
2017/03/02 22:06:45
nit: Weird to use a class rather than an id for a
pwnall
2017/03/02 22:34:29
Done.
|
| +</p> |
| + |
| +<script> |
| + |
| +dropEffectTest({ allowed: 'uninitialized', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copy', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copyLink', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copyMove', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'link', drop: 'copy' }); |
| +dropEffectTest({ allowed: 'linkMove', drop: 'copy' }); |
| +dropEffectTest({ allowed: 'move', drop: 'copy' }); |
| +dropEffectTest({ allowed: 'all', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'none', drop: 'copy' }); |
| +dropEffectTest({ allowed: 'dummy', drop: 'copy', operation: 'copy' }); |
| +dropEffectTest({ drop: 'copy', operation: 'copy' }); |
| + |
| +dropEffectTest({ allowed: 'uninitialized', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ allowed: 'copy', drop: 'link' }); |
| +dropEffectTest({ allowed: 'copyLink', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ allowed: 'copyMove', drop: 'link' }); |
| +dropEffectTest({ allowed: 'link', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ allowed: 'linkMove', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ allowed: 'move', drop: 'link' }); |
| +dropEffectTest({ allowed: 'all', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ allowed: 'none', drop: 'link' }); |
| +dropEffectTest({ allowed: 'dummy', drop: 'link', operation: 'link' }); |
| +dropEffectTest({ drop: 'link', operation: 'link' }); |
| + |
| +dropEffectTest({ allowed: 'uninitialized', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ allowed: 'copy', drop: 'move' }); |
| +dropEffectTest({ allowed: 'copyLink', drop: 'move' }); |
| +dropEffectTest({ allowed: 'copyMove', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ allowed: 'link', drop: 'move' }); |
| +dropEffectTest({ allowed: 'linkMove', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ allowed: 'move', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ allowed: 'all', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ allowed: 'none', drop: 'move' }); |
| +dropEffectTest({ allowed: 'dummy', drop: 'move', operation: 'move' }); |
| +dropEffectTest({ drop: 'move', operation: 'move' }); |
| + |
| +dropEffectTest({ allowed: 'uninitialized', drop: 'none' }); |
|
dcheng
2017/03/02 19:24:33
I'm not quite sure how to map this to the results
pwnall
2017/03/02 19:57:54
The results are different because "dropzone" does
|
| +dropEffectTest({ allowed: 'copy', drop: 'none' }); |
| +dropEffectTest({ allowed: 'copyLink', drop: 'none' }); |
| +dropEffectTest({ allowed: 'copyMove', drop: 'none' }); |
| +dropEffectTest({ allowed: 'link', drop: 'none' }); |
| +dropEffectTest({ allowed: 'linkMove', drop: 'none' }); |
| +dropEffectTest({ allowed: 'move', drop: 'none' }); |
| +dropEffectTest({ allowed: 'all', drop: 'none' }); |
| +dropEffectTest({ allowed: 'none', drop: 'none' }); |
| +dropEffectTest({ allowed: 'dummy', drop: 'none' }); |
| +dropEffectTest({ drop: 'none' }); |
| + |
| +dropEffectTest({ allowed: 'uninitialized', drop: 'dummy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copy', drop: 'dummy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copyLink', drop: 'dummy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'copyMove', drop: 'dummy', operation: 'move' }); |
| +dropEffectTest({ allowed: 'link', drop: 'dummy', operation: 'link' }); |
| +dropEffectTest({ allowed: 'linkMove', drop: 'dummy', operation: 'move' }); |
| +dropEffectTest({ allowed: 'move', drop: 'dummy', operation: 'move' }); |
| +dropEffectTest({ allowed: 'all', drop: 'dummy', operation: 'copy' }); |
| +dropEffectTest({ allowed: 'none', drop: 'dummy' }); |
| +dropEffectTest({ allowed: 'dummy', drop: 'dummy', operation: 'copy' }); |
| +dropEffectTest({ drop: 'dummy', operation: 'copy' }); |
| + |
| +promise_test(t => { |
|
jsbell
2017/03/02 22:06:45
Since this pattern repeats across the test files,
pwnall
2017/03/02 22:34:29
Done.
|
| + return Promise.resolve().then(() => { |
| + document.querySelector('.test-description').textContent = 'done'; |
| + }); |
| +}, 'all tests complete'); |
| + |
| +</script> |