OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 | |
4 <style> | |
5 .editing { | |
6 border: 2px solid red; | |
7 font-size: 24px; | |
8 } | |
9 .explanation { | |
10 border: 2px solid blue; | |
11 padding: 12px; | |
12 font-size: 24px; | |
13 margin-bottom: 24px; | |
14 } | |
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
> | |
20 | |
21 <script> | |
22 | |
23 function editingTest() { | |
24 moveSelectionForwardByCharacterCommand(); | |
25 extendSelectionForwardByCharacterCommand(); | |
26 boldCommand(); | |
27 } | |
28 | |
29 </script> | |
30 | |
31 <title>Editing Test</title> | |
32 </head> | |
33 <body> | |
34 | |
35 <div class="explanation"> | |
36 <div class="scenario"> | |
37 Tests: | |
38 <br> | |
39 Style checks performed on boundaries between style changes. | |
40 </div> | |
41 <div class="expected-results"> | |
42 Expected Results: | |
43 <br> | |
44 Should see this content in the red box below: <b>ab</b> | |
45 </div> | |
46 </div> | |
47 | |
48 <div contenteditable id="root" style="word-wrap: break-word; -khtml-nbsp-mode: s
pace; -khtml-line-break: after-white-space;"> | |
49 <div id="test" class="editing"><b>a</b>b</div> | |
50 </div> | |
51 | |
52 <script> | |
53 runEditingTest(); | |
54 </script> | |
55 | |
56 </body> | |
57 </html> | |
OLD | NEW |