Commit 080a06ce authored by Yoshifumi Inoue's avatar Yoshifumi Inoue Committed by Commit Bot

Utilize selection_test() in "editing/selection/5131716-[1-6].html"

This patch changes "5131716-[1-6].html" to utilize |selection_test()| for ease
of maintenance.

Since "5131716-[1-6].html" does similar test steps, this patch integrates them
into "5131716-1.html".

Following patch will rename "5131716-1.html" to "click_edge.html" to provide a
hint what this file tests.

Bug: 679977
Change-Id: Idb9cd05933e0bea61f46592060ef2088d784a04a
Reviewed-on: https://chromium-review.googlesource.com/1005651
Commit-Queue: Yoshifumi Inoue <yosin@chromium.org>
Reviewed-by: default avatarYoichi Osato <yoichio@chromium.org>
Reviewed-by: default avatarXiaocheng Hu <xiaochengh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#550541}
parent fed17b05
<style> <!doctype html>
td, tr { <script src="../../resources/testharness.js"></script>
border: 1px solid #bbb; <script src="../../resources/testharnessreport.js"></script>
<script src="../assert_selection.js"></script>
<script>
const kAttr = 'style="padding: 25px;"';
function click(x, y) {
if (!window.eventSender)
throw 'This test requires eventSender';
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
} }
</style>
<body> function clickLeftSide(selection) {
<p>This tests clicking to place a caret in the padding of an editable region. The eventSender clicks to the left of the first paragraph in the left padding of the editable region and the caret should be at the start of that paragraph.</p> const target = selection.document.getElementById('target');
<div style="border: 1px solid black; padding: 25px;" contenteditable="true"> click(selection.computeLeft(target) -10,
<div id="p1">Paragraph One.</div> selection.computeTop(target) + target.offsetHeight / 2);
<table id="t1" contenteditable="false" style="border: 1px solid #bbb;"><tr><td>&nbsp;</td><td contenteditable="true">ToDo One.</td></tr></table> }
<div id="p2">Paragraph Two.</div>
</div>
<script> function clickBottomSide(selection) {
if (window.testRunner) { const target = selection.document.getElementById('target');
var o = document.getElementById("p1"); click(selection.computeLeft(target) + target.offsetWidth / 2,
x = o.offsetParent.offsetLeft + o.offsetLeft - 10; selection.computeTop(target) + target.offsetHeight + 10);
y = o.offsetParent.offsetTop + o.offsetTop + o.offsetHeight / 2;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
} }
selection_test(
[
`<div contenteditable ${kAttr}>`,
'<div id="target">ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div>ef</div>',
'</div>',
],
selection => clickLeftSide(selection),
[
`<div contenteditable ${kAttr}>`,
'<div id="target">|ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div>ef</div>',
'</div>',
],
'1. Click left of the first paragraph');
selection_test(
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'<table contenteditable="false" id="target"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div>ef</div>',
'</div>',
],
selection => clickLeftSide(selection),
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'|<table contenteditable="false" id="target"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div>ef</div>',
'</div>',
],
'2. Click left of TABLE');
selection_test(
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div id="target">ef</div>',
'</div>',
],
selection => clickLeftSide(selection),
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div id="target">|ef</div>',
'</div>',
],
'3. Click left of second paragraph');
selection_test(
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div id="target">ef</div>',
'</div>',
],
selection => clickBottomSide(selection),
[
`<div contenteditable ${kAttr}>`,
'<div>ab</div>',
'<table contenteditable="false"><tbody><tr>',
'<td>\u00A0</td>',
'<td contenteditable>CD</td>',
'</tr></tbody></table>',
'<div id="target">ef|</div>',
'</div>',
],
'4. Click middle of second paragraph');
</script> </script>
</body>
<style>
td, tr {
border: 1px solid #bbb;
}
</style>
<body>
<p>This tests clicking to place a caret in the padding of an editable region. The eventSender clicks to the left of the ToDo in the left padding of the editable region and the caret should be just before that ToDo.</p>
<div style="border: 1px solid black; padding: 25px;" contenteditable="true">
<div id="p1">Paragraph One.</div>
<table id="t1" contenteditable="false" style="border: 1px solid #bbb;"><tr><td>&nbsp;</td><td contenteditable="true">ToDo One.</td></tr></table>
<div id="p2">Paragraph Two.</div>
</div>
<script>
if (window.testRunner) {
var o = document.getElementById("t1");
x = o.offsetParent.offsetLeft + o.offsetLeft - 10;
y = o.offsetParent.offsetTop + o.offsetTop + o.offsetHeight / 2;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
}
</script>
</body>
<style>
td, tr {
border: 1px solid #bbb;
}
</style>
<body>
<p>This tests clicking to place a caret in the padding of an editable region. The eventSender clicks in the left padding to the left of the third paragraph and the caret should be at the start of that paragraph.</p>
<div style="border: 1px solid black; padding: 25px;" contenteditable="true">
<div id="p1">Paragraph One.</div>
<table id="t1" contenteditable="false" style="border: 1px solid #bbb;"><tr><td>&nbsp;</td><td contenteditable="true">ToDo One.</td></tr></table>
<div id="p2">Paragraph Two.</div>
</div>
<script>
if (window.testRunner) {
var o = document.getElementById("p2");
x = o.offsetParent.offsetLeft + o.offsetLeft - 10;
y = o.offsetParent.offsetTop + o.offsetTop + o.offsetHeight / 2;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
}
</script>
</body>
<style>
td, tr {
border: 1px solid #bbb;
}
</style>
<body>
<p>This tests clicking to place a caret in the padding of an editable region. The eventSender clicks in the bottom padding of the editable region and the caret should be placed at the end of that region.</p>
<div style="border: 1px solid black; padding: 25px;" contenteditable="true">
<div id="p1">Paragraph One.</div>
<table id="t1" contenteditable="false" style="border: 1px solid #bbb;"><tr><td>&nbsp;</td><td contenteditable="true">ToDo One.</td></tr></table>
<div id="p2">Paragraph Two.</div>
</div>
<script>
if (window.testRunner) {
var o = document.getElementById("p2");
x = o.offsetParent.offsetLeft + o.offsetLeft + o.offsetWidth / 2;
y = o.offsetParent.offsetTop + o.offsetTop + o.offsetHeight + 10;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
}
</script>
</body>
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 724x39
text run at (0,0) width 446: "This tests clicking to place a caret in the padding of an editable region. "
text run at (446,0) width 278: "The eventSender clicks to the left of the first"
text run at (0,20) width 650: "paragraph in the left padding of the editable region and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 99x19
text run at (0,0) width 99: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 92x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 90x28
LayoutTableRow {TR} at (0,2) size 90x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 76x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 72x19
text run at (2,2) width 72: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 101x19
text run at (0,0) width 101: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 1 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 776x39
text run at (0,0) width 446: "This tests clicking to place a caret in the padding of an editable region. "
text run at (446,0) width 330: "The eventSender clicks to the left of the ToDo in the"
text run at (0,20) width 503: "left padding of the editable region and the caret should be just before that ToDo."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 99x19
text run at (0,0) width 99: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 92x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 90x28
LayoutTableRow {TR} at (0,2) size 90x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 76x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 72x19
text run at (2,2) width 72: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 101x19
text run at (0,0) width 101: "Paragraph Two."
caret: position 0 of child 3 {TABLE} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 774x39
text run at (0,0) width 446: "This tests clicking to place a caret in the padding of an editable region. "
text run at (446,0) width 328: "The eventSender clicks in the left padding to the left"
text run at (0,20) width 468: "of the third paragraph and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 99x19
text run at (0,0) width 99: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 92x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 90x28
LayoutTableRow {TR} at (0,2) size 90x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 76x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 72x19
text run at (2,2) width 72: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 101x19
text run at (0,0) width 101: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 775x39
text run at (0,0) width 446: "This tests clicking to place a caret in the padding of an editable region. "
text run at (446,0) width 329: "The eventSender clicks in the bottom padding of the"
text run at (0,20) width 444: "editable region and the caret should be placed at the end of that region."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 99x19
text run at (0,0) width 99: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 92x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 90x28
LayoutTableRow {TR} at (0,2) size 90x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 76x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 72x19
text run at (2,2) width 72: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 101x19
text run at (0,0) width 101: "Paragraph Two."
caret: position 14 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x36
LayoutText {#text} at (0,0) size 741x36
text run at (0,0) width 457: "This tests clicking to place a caret in the padding of an editable region. "
text run at (456,0) width 285: "The eventSender clicks to the left of the first"
text run at (0,18) width 665: "paragraph in the left padding of the editable region and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,52) size 784x116 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x18
LayoutText {#text} at (0,0) size 100x18
text run at (0,0) width 100: "Paragraph One."
LayoutTable {TABLE} at (26,44) size 91x28 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 89x26
LayoutTableRow {TR} at (0,2) size 89x22 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x22 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x18
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 75x22 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 71x18
text run at (2,2) width 71: "ToDo One."
LayoutBlockFlow {DIV} at (26,72) size 732x18
LayoutText {#text} at (0,0) size 102x18
text run at (0,0) width 102: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 1 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x36
LayoutText {#text} at (0,0) size 769x36
text run at (0,0) width 457: "This tests clicking to place a caret in the padding of an editable region. "
text run at (456,0) width 313: "The eventSender clicks to the left of the ToDo in"
text run at (0,18) width 537: "the left padding of the editable region and the caret should be just before that ToDo."
LayoutBlockFlow {DIV} at (0,52) size 784x116 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x18
LayoutText {#text} at (0,0) size 100x18
text run at (0,0) width 100: "Paragraph One."
LayoutTable {TABLE} at (26,44) size 91x28 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 89x26
LayoutTableRow {TR} at (0,2) size 89x22 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x22 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x18
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 75x22 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 71x18
text run at (2,2) width 71: "ToDo One."
LayoutBlockFlow {DIV} at (26,72) size 732x18
LayoutText {#text} at (0,0) size 102x18
text run at (0,0) width 102: "Paragraph Two."
caret: position 0 of child 3 {TABLE} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x36
LayoutText {#text} at (0,0) size 767x36
text run at (0,0) width 457: "This tests clicking to place a caret in the padding of an editable region. "
text run at (456,0) width 311: "The eventSender clicks in the left padding to the"
text run at (0,18) width 504: "left of the third paragraph and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,52) size 784x116 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x18
LayoutText {#text} at (0,0) size 100x18
text run at (0,0) width 100: "Paragraph One."
LayoutTable {TABLE} at (26,44) size 91x28 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 89x26
LayoutTableRow {TR} at (0,2) size 89x22 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x22 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x18
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 75x22 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 71x18
text run at (2,2) width 71: "ToDo One."
LayoutBlockFlow {DIV} at (26,72) size 732x18
LayoutText {#text} at (0,0) size 102x18
text run at (0,0) width 102: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x36
LayoutText {#text} at (0,0) size 768x36
text run at (0,0) width 457: "This tests clicking to place a caret in the padding of an editable region. "
text run at (456,0) width 312: "The eventSender clicks in the bottom padding of"
text run at (0,18) width 477: "the editable region and the caret should be placed at the end of that region."
LayoutBlockFlow {DIV} at (0,52) size 784x116 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x18
LayoutText {#text} at (0,0) size 100x18
text run at (0,0) width 100: "Paragraph One."
LayoutTable {TABLE} at (26,44) size 91x28 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 89x26
LayoutTableRow {TR} at (0,2) size 89x22 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x22 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x18
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 75x22 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 71x18
text run at (2,2) width 71: "ToDo One."
LayoutBlockFlow {DIV} at (26,72) size 732x18
LayoutText {#text} at (0,0) size 102x18
text run at (0,0) width 102: "Paragraph Two."
caret: position 14 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 767x39
text run at (0,0) width 424: "This tests clicking to place a caret in the padding of an editable region. "
text run at (424,0) width 343: "The eventSender clicks to the left of the first paragraph in"
text run at (0,20) width 544: "the left padding of the editable region and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 96x19
text run at (0,0) width 96: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 89x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 87x28
LayoutTableRow {TR} at (0,2) size 87x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 73x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 69x19
text run at (2,2) width 69: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 97x19
text run at (0,0) width 97: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 1 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 759x39
text run at (0,0) width 424: "This tests clicking to place a caret in the padding of an editable region. "
text run at (424,0) width 335: "The eventSender clicks to the left of the ToDo in the left"
text run at (0,20) width 459: "padding of the editable region and the caret should be just before that ToDo."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 96x19
text run at (0,0) width 96: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 89x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 87x28
LayoutTableRow {TR} at (0,2) size 87x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 73x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 69x19
text run at (2,2) width 69: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 97x19
text run at (0,0) width 97: "Paragraph Two."
caret: position 0 of child 3 {TABLE} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 772x39
text run at (0,0) width 424: "This tests clicking to place a caret in the padding of an editable region. "
text run at (424,0) width 348: "The eventSender clicks in the left padding to the left of the"
text run at (0,20) width 414: "third paragraph and the caret should be at the start of that paragraph."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 96x19
text run at (0,0) width 96: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 89x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 87x28
LayoutTableRow {TR} at (0,2) size 87x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 73x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 69x19
text run at (2,2) width 69: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 97x19
text run at (0,0) width 97: "Paragraph Two."
caret: position 0 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 737x39
text run at (0,0) width 424: "This tests clicking to place a caret in the padding of an editable region. "
text run at (424,0) width 313: "The eventSender clicks in the bottom padding of the"
text run at (0,20) width 426: "editable region and the caret should be placed at the end of that region."
LayoutBlockFlow {DIV} at (0,56) size 784x122 [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (26,26) size 732x20
LayoutText {#text} at (0,0) size 96x19
text run at (0,0) width 96: "Paragraph One."
LayoutTable {TABLE} at (26,46) size 89x30 [border: (1px solid #BBBBBB)]
LayoutTableSection {TBODY} at (1,1) size 87x28
LayoutTableRow {TR} at (0,2) size 87x24 [border: (1px solid #BBBBBB)]
LayoutTableCell {TD} at (2,2) size 8x24 [border: (1px solid #BBBBBB)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (2,2) size 4x19
text run at (2,2) width 4: " "
LayoutTableCell {TD} at (12,2) size 73x24 [border: (1px solid #BBBBBB)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (2,2) size 69x19
text run at (2,2) width 69: "ToDo One."
LayoutBlockFlow {DIV} at (26,76) size 732x20
LayoutText {#text} at (0,0) size 97x19
text run at (0,0) width 97: "Paragraph Two."
caret: position 14 of child 0 {#text} of child 5 {DIV} of child 3 {DIV} of body
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment