Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / editing / deleting / delete-at-paragraph-boundaries-008.html
blob05facebeef69f989d9c9448c7a27cbed96ab5421
1 <html>
2 <head>
4 <style>
5 .editing {
6 border: 2px solid red;
7 font-size: 24px;
9 .explanation {
10 border: 2px solid blue;
11 padding: 12px;
12 font-size: 24px;
13 margin-bottom: 24px;
15 .scenario { margin-bottom: 16px;}
16 .scenario:first-line { font-weight: bold; margin-bottom: 16px;}
17 .expected-results:first-line { font-weight: bold }
18 </style>
19 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
21 <script>
23 function editingTest() {
24 moveSelectionForwardByLineCommand();
25 moveSelectionForwardByLineCommand();
26 moveSelectionForwardByLineCommand();
27 for (i = 0; i < 2; i++)
28 moveSelectionForwardByCharacterCommand();
29 for (i = 0; i < 2; i++)
30 extendSelectionForwardByCharacterCommand();
31 deleteCommand();
34 </script>
36 <title>Editing Test</title>
37 </head>
38 <body>
40 <div class="explanation">
41 <div class="scenario">
42 Tests:
43 <br>
44 Deleting when a selection starts in the middle of the last paragraph and extends to the end of that paragraph
45 </div>
46 <div class="expected-results">
47 Expected Results:
48 <br>
49 Should see the four lines in the red box. First line should be "one". Next one should be "two". Next one should be "three". Last one should be "fo". Insertion point should be blinking at the start of the fourth (last) line.
50 </div>
51 </div>
53 <div contenteditable id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
54 <div id="test" class="editing">
55 one
56 <p style="margin-top: 0; margin-bottom: 0">two</p>
57 <p style="margin-top: 0; margin-bottom: 0">three</p>
58 <p style="margin-top: 0; margin-bottom: 0">four</p>
59 </div>
60 </div>
62 <script>
63 runEditingTest();
64 </script>
66 </body>
67 </html>