835ac90e4b69b8918872d4aa894e9b18331c8a85
[WebKit-https.git] / LayoutTests / editing / caret / selection-with-caret-type-progress.html
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <p id="description"></p>
5 <div style="cursor:progress; border: 2px solid red;" id="test">Try selecting this text by dragging the mouse.</div>
6 <div id="console"></div>
7 <script src="../../resources/js-test-pre.js"></script>
8 <script>
9 description('Tests whether explicitly set caret style is retained on performing text selection');
10 if (window.eventSender && window.internals) {
11     var div = document.getElementById("test");
12     div.focus();
13
14     var y = div.offsetTop + div.offsetHeight / 2;
15
16     function leapForwardAndMove(x) {
17         eventSender.leapForward(200);
18         eventSender.mouseMoveTo(div.offsetLeft + x, y);
19     }
20
21     eventSender.dragMode = false;
22     leapForwardAndMove(div.offsetLeft + 5);
23     eventSender.mouseDown();
24
25     leapForwardAndMove(div.offsetLeft + 10);
26     leapForwardAndMove(div.offsetLeft + 20);
27     leapForwardAndMove(div.offsetWidth - 10);
28
29     var cursorInfo = window.internals.getCurrentCursorInfo();
30     var currentCursorType = cursorInfo.substring(cursorInfo.indexOf('=') + 1, cursorInfo.lastIndexOf(' '));
31     shouldBeEqualToString('currentCursorType', 'Progress');
32 } else {
33     debug('To test manually, select the text within the red bordered div above by dragging the mouse. Progress cursor should be displayed while doing so.');
34 }
35 </script>
36 <script src="../../resources/js-test-post.js"></script>
37 </body>
38 </html>