2d19383cbe9e9bc280207c61555b880f539c8da6
[WebKit-https.git] / LayoutTests / platform / mac / editing / deleting / deletionUI-successful-deletion.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4     <style type="text/css">
5         .needsDeletionUI { border: 1px solid black; min-height: 100px; }
6     </style>
7     <script src="resources/deletionUI-helpers.js"></script>
8     <script>
9         function test()
10         {
11             if (window.testRunner) {
12                 testRunner.dumpAsText();
13
14                 // We make the WebView editable here so that the code path responsible for
15                 // <http://webkit.org/b/37115> / <rdar://problem/7829331> is exercised.
16                 testRunner.setWebViewEditable(true);
17             }
18
19             determineDeletionUIExistence("dontDeleteMeA");
20             determineDeletionUIExistence("dontDeleteMeB");
21             determineDeletionUIExistence("deleteMe");
22
23             var deleteButton = deletionUIDeleteButtonForElement("deleteMe");
24             var clickEvent = document.createEvent("MouseEvents");
25             clickEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
26             deleteButton.dispatchEvent(clickEvent);
27
28             if (document.getElementById("deleteMe"))
29                 debug("ERROR: Element deleteMe was found in the document after the delete button in the deletion UI was clicked!");
30         }
31     </script>
32 </head>
33 <body onload="test()">
34     <p>This tests if the deletion UI will delete the associated element when activated. This test can be run by DRT but not in the browser.</p>
35     <div id="console"></div>
36
37     <div contenteditable="true" style="padding: 1em;">
38             <div id="dontDeleteMeA" class="needsDeletionUI">This is an element that will show the deletion UI when the selection is within it.  The test <em>will not</em> delete this element.</div>
39             <div id="deleteMe" class="needsDeletionUI">This is an element that will show the deletion UI when the selection is within it.  The test <em>will</em> delete this element.</div>
40             <div id="dontDeleteMeB" class="needsDeletionUI">This is an element that will show the deletion UI when the selection is within it.  The test <em>will not</em> delete this element.</div>
41     <div>
42
43 </body>
44 </html>