| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="../../editing/assert_selection.js"></script> |
| <script> |
| const kStyle = [ |
| '<style>', |
| '#before::before {', |
| ' display: inline-block;', |
| ' content: "before";', |
| '}', |
| '#start::after {', |
| ' display: inline-block;', |
| ' content: "after";', |
| '}', |
| '</style>', |
| ].join(''); |
| |
| selection_test( |
| // Note: newline characters are significant. When we omit them, the result |
| // HTML has both #before and #start. |
| [ |
| kStyle, |
| '<div contenteditable>\n', |
| '<span id="before"></span>|', |
| '<span>text</span>', |
| '^<span id="start"></span>\n', |
| '</div>', |
| ].join(''), |
| 'insertLineBreak', |
| [ |
| kStyle, |
| '<div contenteditable><br>|<br></div>', |
| ].join(''), |
| 'Replace selection with BR'); |
| </script> |