chromium/src/third_party/blink/web_tests/editing/selection/extend/extend_selection_22_rtl_backward_character.html - manifest_repos/chromium_src - Git at Google

 <!doctype html>
 <script src="../../../resources/testharness.js"></script>
 <script src="../../../resources/testharnessreport.js"></script>
 <script src="../../assert_selection.js"></script>
 <script>
 // Soft line break after white space
 const kStyle = 'line-break:after-white-space; width:100px; font: 20px monospace;';
 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">|line1 line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|line1 line2 a line3</div>`,
   '22-0 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">l|ine1 line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|l^ine1 line2 a line3</div>`,
   '22-1 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">li|ne1 line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">l|i^ne1 line2 a line3</div>`,
   '22-2 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">lin|e1 line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">li|n^e1 line2 a line3</div>`,
   '22-3 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line|1 line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">lin|e^1 line2 a line3</div>`,
   '22-4 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1| line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line|1^ line2 a line3</div>`,
   '22-5 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 |line2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1| ^line2 a line3</div>`,
   '22-6 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 l|ine2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |l^ine2 a line3</div>`,
   '22-7 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 li|ne2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 l|i^ne2 a line3</div>`,
   '22-8 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 lin|e2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 li|n^e2 a line3</div>`,
   '22-9 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line|2 a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 lin|e^2 a line3</div>`,
   '22-10 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2| a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line|2^ a line3</div>`,
   '22-11 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 |a line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2| ^a line3</div>`,
   '22-12 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a| line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 |a^ line3</div>`,
   '22-13 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a |line3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a| ^line3</div>`,
   '22-14 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a l|ine3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a |l^ine3</div>`,
   '22-15 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a li|ne3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a l|i^ne3</div>`,
   '22-16 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a lin|e3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a li|n^e3</div>`,
   '22-17 rtl backward character');

 selection_test(
   `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a line|3</div>`,
   selection => selection.modify('extend', 'backward', 'character'),
   `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a lin|e^3</div>`,
   '22-18 rtl backward character');
 </script>
	<!doctype html>
	<script src="../../../resources/testharness.js"></script>
	<script src="../../../resources/testharnessreport.js"></script>
	<script src="../../assert_selection.js"></script>
	<script>
	// Soft line break after white space
	const kStyle = 'line-break:after-white-space; width:100px; font: 20px monospace;';
	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">\|line1 line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">\|line1 line2 a line3</div>`,
	'22-0 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">l\|ine1 line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">\|l^ine1 line2 a line3</div>`,
	'22-1 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">li\|ne1 line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">l\|i^ne1 line2 a line3</div>`,
	'22-2 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">lin\|e1 line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">li\|n^e1 line2 a line3</div>`,
	'22-3 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line\|1 line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">lin\|e^1 line2 a line3</div>`,
	'22-4 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1\| line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line\|1^ line2 a line3</div>`,
	'22-5 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 \|line2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1\| ^line2 a line3</div>`,
	'22-6 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 l\|ine2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 \|l^ine2 a line3</div>`,
	'22-7 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 li\|ne2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 l\|i^ne2 a line3</div>`,
	'22-8 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 lin\|e2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 li\|n^e2 a line3</div>`,
	'22-9 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line\|2 a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 lin\|e^2 a line3</div>`,
	'22-10 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2\| a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line\|2^ a line3</div>`,
	'22-11 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 \|a line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2\| ^a line3</div>`,
	'22-12 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a\| line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 \|a^ line3</div>`,
	'22-13 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a \|line3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a\| ^line3</div>`,
	'22-14 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a l\|ine3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a \|l^ine3</div>`,
	'22-15 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a li\|ne3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a l\|i^ne3</div>`,
	'22-16 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a lin\|e3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a li\|n^e3</div>`,
	'22-17 rtl backward character');

	selection_test(
	`<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a line\|3</div>`,
	selection => selection.modify('extend', 'backward', 'character'),
	`<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a lin\|e^3</div>`,
	'22-18 rtl backward character');
	</script>