Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / editing / selection / extend / extend_selection_21_rtl_left_character.html
blob: ec0fc6907c9d8cb58b1f52ad80e26edffc8a923c [file] [log] [blame]
<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
// Soft line break before white space
const kStyle = 'line-break:before-white-space; width: 100px; font: 20px monospace;';
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">|line1 line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">^l|ine1 line2 a line3</div>`,
'21-0 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">l|ine1 line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">l^i|ne1 line2 a line3</div>`,
'21-1 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">li|ne1 line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">li^n|e1 line2 a line3</div>`,
'21-2 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">lin|e1 line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">lin^e|1 line2 a line3</div>`,
'21-3 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line|1 line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line^1| line2 a line3</div>`,
'21-4 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1| line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1^ |line2 a line3</div>`,
'21-5 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 |line2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 ^l|ine2 a line3</div>`,
'21-6 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 l|ine2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 l^i|ne2 a line3</div>`,
'21-7 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 li|ne2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 li^n|e2 a line3</div>`,
'21-8 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 lin|e2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 lin^e|2 a line3</div>`,
'21-9 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line|2 a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line^2| a line3</div>`,
'21-10 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2| a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2^ |a line3</div>`,
'21-11 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 |a line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 ^a| line3</div>`,
'21-12 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a| line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a^ |line3</div>`,
'21-13 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a |line3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a ^l|ine3</div>`,
'21-14 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a l|ine3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a l^i|ne3</div>`,
'21-15 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a li|ne3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a li^n|e3</div>`,
'21-16 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a lin|e3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a lin^e|3</div>`,
'21-17 rtl left character');
selection_test(
`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a line|3</div>`,
selection => selection.modify('extend', 'left', 'character'),
`<div contenteditable dir="rtl" style="line-break:before-white-space; width: 100px; font: 20px monospace;">line1 line2 a line^3|</div>`,
'21-18 rtl left character');
</script>