Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!doctype html> | |
| 2 <script src="../../../resources/testharness.js"></script> | |
| 3 <script src="../../../resources/testharnessreport.js"></script> | |
| 4 <script src="../../assert_selection.js"></script> | |
| 5 <div id="log"></div> | |
| 6 <script> | |
| 7 function mouseMoveFromTo(fromX, toX){ | |
| 8 var userSelectAllElement = document.getElementById("allArea"); | |
| 9 var y = userSelectAllElement.offsetTop + 10; | |
| 10 eventSender.dragMode = false; | |
| 11 // Clear click count | |
| 12 eventSender.mouseMoveTo(0, 0); | |
| 13 eventSender.mouseDown(); | |
| 14 eventSender.mouseUp(); | |
| 15 | |
| 16 eventSender.mouseMoveTo(fromX, y); | |
| 17 eventSender.mouseDown(); | |
| 18 eventSender.mouseMoveTo(toX, y); | |
| 19 eventSender.mouseUp(); | |
| 20 } | |
| 21 | |
| 22 test(() => { | |
| 23 // Extend and Move skip over user-select:all. | |
| 24 assert_selection( | |
| 25 '<div>foo<span style="-webkit-user-select:all">|bar</span>baz</div>', | |
| 26 selection => selection.modify('extend', 'forward', 'character'), | |
| 27 '<div>foo<span style="-webkit-user-select:all">^bar|</span>baz</div>'); | |
| 28 assert_selection( | |
| 29 '<div>foo<span style="-webkit-user-select:all">|bar</span>baz</div>', | |
| 30 selection => selection.modify('extend', 'right', 'character'), | |
| 31 '<div>foo<span style="-webkit-user-select:all">^bar|</span>baz</div>'); | |
| 32 assert_selection( | |
| 33 '<div>foo<span style="-webkit-user-select:all">^bar|</span>baz</div>', | |
| 34 selection => selection.modify('extend', 'backward', 'character'), | |
| 35 '<div>foo|<span style="-webkit-user-select:all">bar</span>baz</div>'); | |
| 36 assert_selection( | |
| 37 '<div>foo<span style="-webkit-user-select:all">^bar|</span>baz</div>', | |
| 38 selection => selection.modify('extend', 'left', 'character'), | |
| 39 '<div>foo|<span style="-webkit-user-select:all">bar</span>baz</div>'); | |
| 40 assert_selection( | |
| 41 '<div>foo<span style="-webkit-user-select:all">|bar</span>baz</div>', | |
| 42 selection => selection.modify('move', 'forward', 'character'), | |
| 43 '<div>foo<span style="-webkit-user-select:all">b|ar</span>baz</div>'); | |
| 44 assert_selection( | |
| 45 '<div>foo<span style="-webkit-user-select:all">|bar</span>baz</div>', | |
| 46 selection => selection.modify('move', 'right', 'character'), | |
| 47 '<div>foo<span style="-webkit-user-select:all">b|ar</span>baz</div>'); | |
| 48 assert_selection( | |
| 49 '<div>foo<span style="-webkit-user-select:all">bar|</span>baz</div>', | |
| 50 selection => selection.modify('move', 'backward', 'character'), | |
| 51 '<div>foo<span style="-webkit-user-select:all">ba|r</span>baz</div>'); | |
| 52 assert_selection( | |
| 53 '<div>foo<span style="-webkit-user-select:all">bar|</span>baz</div>', | |
| 54 selection => selection.modify('move', 'left', 'character'), | |
| 55 '<div>foo<span style="-webkit-user-select:all">ba|r</span>baz</div>'); | |
| 56 | |
|
yosin_UTC9
2016/06/30 03:47:37
nit: We don't need to have an extra blank line.
It
yoichio
2016/07/04 06:28:17
Done.
| |
| 57 assert_selection( | |
| 58 '<div>foo<span style="-webkit-user-select:all">bar<span id="middle">bar< /span>bar</span>baz</div>', | |
| 59 selection => { | |
| 60 eventSender.dragMode = false; | |
| 61 var document = selection.document; | |
| 62 var middle = document.getElementById('middle'); | |
| 63 eventSender.mouseMoveTo(document.offsetLeft + middle.offsetLeft, doc ument.offsetTop + middle.offsetTop + 5); | |
| 64 eventSender.mouseDown(); | |
| 65 eventSender.leapForward(100); | |
| 66 eventSender.mouseMoveTo(document.offsetLeft + middle.offsetLeft + mi ddle.offsetWidth, document.offsetTop + middle.offsetTop + 5); | |
| 67 eventSender.mouseUp();}, | |
| 68 '<div>foo<span style="-webkit-user-select:all">^bar<span id="middle">bar </span>bar|</span>baz</div>'); | |
| 69 assert_selection( | |
| 70 '<div id="div">foo<span style="-webkit-user-select:all">bar<span id="mid dle">bar</span>bar</span>baz</div>', | |
| 71 selection => { | |
| 72 eventSender.dragMode = false; | |
| 73 var document = selection.document; | |
| 74 var middle = document.getElementById('middle'); | |
| 75 eventSender.mouseMoveTo(document.offsetLeft + document.getElementByI d('div').offsetLeft, document.offsetTop + middle.offsetTop + 5); | |
| 76 eventSender.mouseDown(); | |
| 77 eventSender.leapForward(100); | |
| 78 eventSender.mouseMoveTo(document.offsetLeft + middle.offsetLeft, doc ument.offsetTop + middle.offsetTop + 5); | |
| 79 eventSender.mouseUp();}, | |
| 80 '<div id="div">^foo<span style="-webkit-user-select:all">bar<span id="mi ddle">bar</span>bar|</span>baz</div>'); | |
| 81 assert_selection( | |
| 82 '<div id="div">foo<span style="-webkit-user-select:all">bar<span id="mid dle">bar</span>bar</span>baz</div>', | |
| 83 selection => { | |
| 84 eventSender.dragMode = false; | |
| 85 var document = selection.document; | |
| 86 var middle = document.getElementById('middle'); | |
| 87 var div = document.getElementById('div'); | |
| 88 eventSender.mouseMoveTo(document.offsetLeft + div.offsetLeft + div.o ffsetWidth, document.offsetTop + middle.offsetTop + 5); | |
| 89 eventSender.mouseDown(); | |
| 90 eventSender.leapForward(100); | |
| 91 eventSender.mouseMoveTo(document.offsetLeft + middle.offsetLeft, doc ument.offsetTop + middle.offsetTop + 5); | |
| 92 eventSender.mouseUp();}, | |
| 93 '<div id="div">foo<span style="-webkit-user-select:all">|bar<span id="mi ddle">bar</span>bar</span>baz^</div>'); | |
| 94 | |
| 95 assert_selection( | |
|
yosin_UTC9
2016/06/30 03:47:37
nit: We don't need to have an extra blank line.
It
yoichio
2016/07/04 06:28:17
Done.
| |
| 96 '<div>foo<span style="-webkit-user-select:all">bar<span id="middle">bar< /span>bar</span>|baz</div>', | |
| 97 selection => { | |
| 98 var middle = selection.document.getElementById('middle'); | |
| 99 selection.selectAllChildren(middle);}, | |
| 100 '<div>foo<span style="-webkit-user-select:all">bar<span id="middle">^bar |</span>bar</span>baz</div>'); | |
| 101 }); | |
| 102 </script> | |
| OLD | NEW |