drag-trigger-dom-move-iframe.html | Explore in Territory

<!doctype html>
<meta charset="utf-8">
<!-- This test will check whether an iframe that doesn't contain the drag
     source, moving via DOM manipulation, will reset the drag source and
     potentially cancel dragend event emission. -->
<title>Drag and Drop: Iframe DOM Move</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/drag-trigger-dom-move.js"></script>

<style>
  .box {
    display: block;
    border: 1px solid black;
    width: 350px;
    height: 200px;
    text-align: center;
  }
</style>

<p>
  Please drag the "Drag Me" box into the "Drop Here" box.
</p>

<div id="drag-box" class="dragged box" draggable="true">
  Drag me
</div>

<div id="drop-box" class="dropzone box">
  Drop Here
</div>

<div id="moved-item-source" class="box">
  <iframe id="outer-iframe" data-source="iframe-srcdoc"></iframe>
</div>
<div id="moved-item-destination" class="box"></div>

<script id="iframe-srcdoc" language="text/html">
  <!doctype html>
  <meta charset="utf-8">
  <div/>
</script>

<p>
  Current test: <code id="test-description"></code>
</p>

<script>
  dragDomMoveTests([
    { load: 'iframe', expectDragEnd: true, action: 'appendChild' },
    { load: 'iframe', expectDragEnd: true, action: 'removeChild' },
  ]);
</script>
chromium/third_party/blink/web_tests/fast/dnd/dragtriggerdommove/drag-trigger-dom-move-iframe.html
