Index: third_party/WebKit/LayoutTests/editing/style/relative_font_size_change.html |
diff --git a/third_party/WebKit/LayoutTests/editing/style/relative_font_size_change.html b/third_party/WebKit/LayoutTests/editing/style/relative_font_size_change.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9cc3057b5beecf6a14e7d472c35ebdd17014271a |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/editing/style/relative_font_size_change.html |
@@ -0,0 +1,85 @@ |
+<!doctype html> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="../assert_selection.js"></script> |
+<script> |
+ test(() => assert_selection( |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>^There is a tide', |
+ '<div>In the affairs of men</div>', |
+ 'Which taken at the flood|', |
+ '</div>', |
+ '</div>', |
+ ].join(''), |
+ 'fontSizeDelta +1px', |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div style="font-size: 25px;">^There is a tide', |
+ '<div>In the affairs of men</div>', |
+ 'Which taken at the flood|', |
+ '</div>', |
+ '</div>', |
+ ].join('')), |
+ 'select all characters'); |
+ |
+ test(() => assert_selection( |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>^There is a tide', |
+ '<div>In the| affairs of men</div>', |
+ 'Which taken at the flood', |
+ '</div>', |
+ '</div>', |
+ ].join(''), |
+ 'fontSizeDelta +1px', |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div><span style="font-size: 25px;">^There is a tide</span>', |
+ '<div><span style="font-size: 25px;">In the|</span> affairs of men</div>', |
+ 'Which taken at the flood', |
+ '</div>', |
+ '</div>', |
+ ].join('')), |
+ 'select characters crossing DIV'); |
+ |
+ test(() => assert_selection( |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>There is a tide', |
+ '<div style="font-size: 30px;"><span style="font-size: 25px">^In the affairs of men|</span></div>', |
+ 'Which taken at the flood', |
+ '</div>', |
+ '</div>', |
+ ].join(''), |
+ 'fontSizeDelta -1px', |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>There is a tide', |
+ '<div style="font-size: 29px;"><span style="font-size: 24px;">^In the affairs of men|</span></div>', |
+ 'Which taken at the flood', |
+ '</div>', |
+ '</div>', |
+ ].join('')), |
+ 'fontSizeDelta affects enclosing block'); |
+ |
+ test(() => assert_selection( |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>There is a tide', |
+ '<div>^In the affairs of men</div>|', |
+ 'Which taken at the flood', |
+ '</div>', |
+ '</div>', |
+ ].join(''), |
+ 'fontSizeDelta +1px', |
+ [ |
+ '<div contenteditable style="font-size: 24px; word-wrap: break-word;">', |
+ '<div>There is a tide', |
+ '<div style="font-size: 25px;">^In the affairs of men</div>', |
+ '<span style="font-size: 25px;">|Which taken at the flood</span>', |
+ '</div>', |
+ '</div>', |
+ ].join('')), |
+ 'fontSizeDelta affects following characters'); |
+</script> |