LayoutTests/scrollbars/rtl/div-horizontal-with-vertical-scrollbar.html - Issue 25373006: Correction to layoutOverflowRect in case of direction:rtl

Side by Side Diff: LayoutTests/scrollbars/rtl/div-horizontal-with-vertical-scrollbar.html

Issue 25373006: Correction to layoutOverflowRect in case of direction:rtl (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Added expected result file Created 7 years, 2 months 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

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/scrollbars/rtl/div-horizontal-with-vertical-scrollbar-expected.txt » ('j') | Source/core/rendering/RenderBlock.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <html>	2 <html>

3 <head>	3 <head>

4 <title>Bug 85856</title>	4 <title>Bug 85856</title>
	Julien - ping for review 2013/10/30 02:03:41 I don't think this is bug 85856 anymore. I don't think this is bug 85856 anymore. pals 2013/10/30 12:02:13 Done. Removed. Show quoted text On 2013/10/30 02:03:41, Julien Chaffraix - PST wrote: > I don't think this is bug 85856 anymore. Done. Removed.
5 <script src="../../fast/js/resources/js-test-pre.js"></script>	5 <script src="../../fast/js/resources/js-test-pre.js"></script>

6 </head>	6 </head>

7 <body dir="ltr">	7 <body dir="ltr">

8 <div dir="ltr" id="outer-ltr" style="width: 200px; height: 200px; overflow: scro ll;">	8 <div dir="ltr" id="outer-ltr" style="width: 200px; height: 200px; overflow: auto ;">

9 <div id="inner-ltr" style="text-align: left; width: 300px; height: 300px;">ABC</ div>	9 <div id="inner-ltr" style="text-align: left; width: 195px; height: 300px;">ABC</ div>

10 </div>	10 </div>

11 <div dir="rtl" id="outer-rtl" style="width: 200px; height: 200px; overflow: scro ll;">	11 <div dir="rtl" id="outer-rtl" style="width: 200px; height: 200px; overflow: auto ;">

12 <div id="inner-rtl" style="text-align: left; width: 300px; height: 300px;">ABC</ div>	12 <div id="inner-rtl" style="text-align: left; width: 195px; height: 300px;">ABC</ div>

13 </div>	13 </div>

14 <script type="text/javascript">	14 <script type="text/javascript">

15 description('Test if WebKit can show the left side of the inner elements regardl ess of the position of its scrollbars. To test manually, open this document and verify we can see "ABC" both in the LTR element and in the RTL element.');	15 description('Test that horizontal scrollbar should appear as the content width e ncroaches upon the vertical scrollbar and also test if WebKit can show the left side of the inner elements regardless of the position of its scrollbars. To test manually, open this document and verify we can see "ABC" both in the LTR elemen t and in the RTL element.');

16	16

17 var outerLTR = document.getElementById('outer-ltr');	17 var outerLTR = document.getElementById('outer-ltr');

18 var innerLTR = document.getElementById('inner-ltr');	18 var innerLTR = document.getElementById('inner-ltr');

19 var outerRTL = document.getElementById('outer-rtl');	19 var outerRTL = document.getElementById('outer-rtl');

20 var innerRTL = document.getElementById('inner-rtl');	20 var innerRTL = document.getElementById('inner-rtl');

21 outerLTR.scrollLeft = 0;	21 outerLTR.scrollLeft = 0;

22 outerRTL.scrollLeft = 0;	22 outerRTL.scrollLeft = 0;

23	23

24 debug('Verify the widths of the outer RTL elements are the same as the widths of the outer LTR elements.');	24 debug('Verify the widths of the outer RTL elements are the same as the widths of the outer LTR elements.');

25 shouldBeTrue('outerLTR.offsetWidth == outerRTL.offsetWidth');	25 shouldBeTrue('outerLTR.offsetWidth == outerRTL.offsetWidth');

26 shouldBeTrue('outerLTR.clientWidth == outerRTL.clientWidth');	26 shouldBeTrue('outerLTR.clientWidth == outerRTL.clientWidth');

27 shouldBeTrue('outerLTR.scrollWidth == outerRTL.scrollWidth');	27 shouldBeTrue('outerLTR.scrollWidth == outerRTL.scrollWidth');

28	28

29 debug('Verify the widths of the inner RTL elements are the same as the widths of the inner LTR elements.');	29 debug('Verify the widths of the inner RTL elements are the same as the widths of the inner LTR elements.');

30 shouldBeTrue('innerLTR.offsetWidth == innerRTL.offsetWidth');	30 shouldBeTrue('innerLTR.offsetWidth == innerRTL.offsetWidth');

31 shouldBeTrue('innerLTR.clientWidth == innerRTL.clientWidth');	31 shouldBeTrue('innerLTR.clientWidth == innerRTL.clientWidth');

32 shouldBeTrue('innerLTR.scrollWidth == innerRTL.scrollWidth');	32 shouldBeTrue('innerLTR.scrollWidth == innerRTL.scrollWidth');

33	33

34 debug('Verify the width of the vertical scrollbar of the outer RTL element is th e same as the one of the outer LTR element regardless of their scrollbar positio ns.');	34 debug('Verify the width of the vertical scrollbar of the outer RTL element is th e same as the one of the outer LTR element regardless of their scrollbar positio ns.');

35 var scrollbarWidthLTR = outerLTR.offsetWidth - outerLTR.clientWidth;	35 var scrollbarWidthLTR = outerLTR.offsetWidth - outerLTR.clientWidth;

36 var scrollbarWidthRTL = outerRTL.offsetWidth - outerRTL.clientWidth;	36 var scrollbarWidthRTL = outerRTL.offsetWidth - outerRTL.clientWidth;

37 shouldBeTrue('scrollbarWidthLTR == scrollbarWidthRTL');	37 shouldBeTrue('scrollbarWidthLTR == scrollbarWidthRTL');

38 </script>	38 </script>

39 <script src="../../fast/js/resources/js-test-post.js"></script>	39 <script src="../../fast/js/resources/js-test-post.js"></script>

40 </body>	40 </body>

41 </html>	41 </html>

OLD	NEW