third_party/WebKit/LayoutTests/editing/input/editable-container-with-word-wrap-normal.html - Issue 1508593002: Revert "Remove obsolete LTR scrollbar padding hack."

Side by Side Diff: third_party/WebKit/LayoutTests/editing/input/editable-container-with-word-wrap-normal.html

Issue 1508593002: Revert "Remove obsolete LTR scrollbar padding hack." (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@2564

Patch Set: Created 5 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <title> Testcase for bug https://bugs.webkit.org/show_bug.cgi?id=89649 </title>	4 <title> Testcase for bug https://bugs.webkit.org/show_bug.cgi?id=89649 </title>

5 <script src="../../resources/ahem.js"></script>	5 <script src="../../resources/ahem.js"></script>

6 <style>	6 <style>

7 .editableDiv {	7 .editableDiv {

8 overflow:auto;	8 overflow:auto;

9 height:50px;	9 height:50px;

10 width:500px;	10 width:500px;

11 word-wrap:normal;	11 word-wrap:normal;

12 font-family: 'Ahem';	12 font-family: 'Ahem';

13 }	13 }

14 </style>	14 </style>

15 <script src="../../resources/js-test.js"></script>	15 <script src="../../resources/js-test.js"></script>

16 <script>	16 <script>

17 function runTest() {	17 function runTest() {

18 description('Testcase for bug <a href="http://www.webkit.org/b/89649">http:/ /www.webkit.org/b/89649</a>. \	18 description('Testcase for bug <a href="http://www.webkit.org/b/89649">http:/ /www.webkit.org/b/89649</a>. \

19 The test case checks if caret is drawn properly (especially scrolls properly) in side a editable container having word-wrap:normal.');	19 The test case checks if caret is drawn properly(especially scrolls properly) ins ide a editable container having word-wrap:normal.');

20	20

21 editableContainer = document.getElementById('test');	21 editableContainer = document.getElementById('test');

22 editableContainer.focus();	22 editableContainer.focus();

23 if (window.internals)	23 if (window.internals)

24 startCaretRect = internals.absoluteCaretBounds();	24 startCaretRect = internals.absoluteCaretBounds();

25	25

26 window.getSelection().collapse(editableContainer,0);	26 window.getSelection().collapse(editableContainer,0);

27 if (window.testRunner)	27 if (window.testRunner)

28 testRunner.execCommand('MoveToEndOfLine');	28 testRunner.execCommand('MoveToEndOfLine');

29	29

30 finalCaretRect = {right:-1,left:-1};	30 finalCaretRect = {right:-1,left:-1};

31 if (window.internals)	31 if (window.internals)

32 finalCaretRect = internals.absoluteCaretBounds();	32 finalCaretRect = internals.absoluteCaretBounds();

33	33

34 caretWidth = finalCaretRect.right - finalCaretRect.left;	34 caretWidth = finalCaretRect.right - finalCaretRect.left;

35	35

36 debug('To manually test, move the caret to the end of the line. \nThe conten t must scroll for the caret to reach the end of the editable text.');	36 debug('To manually test, move the caret to the end of the line. \nThe conten t must scroll for the caret to reach the end of the editable text.');

37 shouldBeTrue("editableContainer.scrollLeft > 0");	37 shouldBeTrue("editableContainer.scrollLeft > 0");

38	38

39 debug('<br>Final caret rect is calculated by following constraints');	39 debug('<br>Final caret rect is calculated by following constraints');

40 debug('1) ScrollWidth = text content width + caret width');	40 debug('1) ScrollWidth = text content width + caret width');

41 debug('2) Caret rect is always within container bounding box (thus subtracti ng the scroll left)');	41 debug('2) Caret rect is always within container bounding box (thus substract ing the scroll left)');

42 shouldBe("startCaretRect.left + editableContainer.scrollWidth - editableCont ainer.scrollLeft", "finalCaretRect.right");	42 shouldBe("startCaretRect.left + editableContainer.scrollWidth - editableCont ainer.scrollLeft - caretWidth", "finalCaretRect.right");

43	43

44 document.body.removeChild(editableContainer);	44 document.body.removeChild(editableContainer);

45 isSuccessfullyParsed();	45 isSuccessfullyParsed();

46 }	46 }

47 </script>	47 </script>

48 </head>	48 </head>

49 <body onload="runTest();">	49 <body onload="runTest();">

50 <div id="test" contenteditable="true" class="editableDiv" >	50 <div id="test" contenteditable="true" class="editableDiv" >

51 SOMEFILLERTEXTSOMEFILLERTEXTSOMEFILLERFILLERSFILLERSFILLERSFILLERSFILLERS	51 SOMEFILLERTEXTSOMEFILLERTEXTSOMEFILLERFILLERSFILLERSFILLERSFILLERSFILLERS

52 </div>	52 </div>

53 <div id="description"></div>	53 <div id="description"></div>

54 <div id="console"></div>	54 <div id="console"></div>

55 </body>	55 </body>

56 </html>	56 </html>

OLD	NEW

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/Source/core/layout/LayoutBlockFlowLine.cpp » ('j') | no next file with comments »