Index: third_party/WebKit/LayoutTests/scrollbars/rtl/div-vertical.html |
diff --git a/third_party/WebKit/LayoutTests/scrollbars/rtl/div-vertical.html b/third_party/WebKit/LayoutTests/scrollbars/rtl/div-vertical.html |
index d74ef21a48a23c937f20e1fe000a1dd4ffb1b2c6..495620a5cd49446c63a7401111206c4bc08e9148 100644 |
--- a/third_party/WebKit/LayoutTests/scrollbars/rtl/div-vertical.html |
+++ b/third_party/WebKit/LayoutTests/scrollbars/rtl/div-vertical.html |
@@ -1,9 +1,7 @@ |
<!DOCTYPE html> |
-<html> |
-<head> |
-<title>Bug 85856</title> |
-<script src="../../resources/js-test.js"></script> |
-</head> |
+<title>Bug 85856: 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 element and in the RTL element.</title> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
<body dir="ltr" style="-webkit-writing-mode: vertical-rl;"> |
<div dir="ltr" id="outer-ltr" style="width: 200px; height: 200px; overflow: scroll;"> |
<div id="inner-ltr" style="text-align: left; width: 300px; height: 300px;">ABC</div> |
@@ -11,30 +9,29 @@ |
<div dir="rtl" id="outer-rtl" style="width: 200px; height: 200px; overflow: scroll;"> |
<div id="inner-rtl" style="text-align: left; width: 300px; height: 300px;">ABC</div> |
</div> |
-<script type="text/javascript"> |
-description('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 element and in the RTL element.'); |
+<script> |
+test(function() { |
+ var outerLTR = document.getElementById("outer-ltr"); |
+ var innerLTR = document.getElementById("inner-ltr"); |
+ var outerRTL = document.getElementById("outer-rtl"); |
+ var innerRTL = document.getElementById("inner-rtl"); |
+ outerLTR.scrollLeft = 0; |
+ outerRTL.scrollLeft = 0; |
-var outerLTR = document.getElementById('outer-ltr'); |
-var innerLTR = document.getElementById('inner-ltr'); |
-var outerRTL = document.getElementById('outer-rtl'); |
-var innerRTL = document.getElementById('inner-rtl'); |
-outerLTR.scrollLeft = 0; |
-outerRTL.scrollLeft = 0; |
+ // Verify the widths of the outer RTL elements are the same as the widths of the outer LTR elements. |
+ assert_equals(outerLTR.offsetWidth, outerRTL.offsetWidth); |
+ assert_equals(outerLTR.clientWidth, outerRTL.clientWidth); |
+ assert_equals(outerLTR.scrollWidth, outerRTL.scrollWidth); |
-debug('Verify the widths of the outer RTL elements are the same as the widths of the outer LTR elements.'); |
-shouldBeTrue('outerLTR.offsetWidth == outerRTL.offsetWidth'); |
-shouldBeTrue('outerLTR.clientWidth == outerRTL.clientWidth'); |
-shouldBeTrue('outerLTR.scrollWidth == outerRTL.scrollWidth'); |
+ // Verify the widths of the inner RTL elements are the same as the widths of the inner LTR elements. |
+ assert_equals(innerLTR.offsetWidth, innerRTL.offsetWidth); |
+ assert_equals(innerLTR.clientWidth, innerRTL.clientWidth); |
+ assert_equals(innerLTR.scrollWidth, innerRTL.scrollWidth); |
-debug('Verify the widths of the inner RTL elements are the same as the widths of the inner LTR elements.'); |
-shouldBeTrue('innerLTR.offsetWidth == innerRTL.offsetWidth'); |
-shouldBeTrue('innerLTR.clientWidth == innerRTL.clientWidth'); |
-shouldBeTrue('innerLTR.scrollWidth == innerRTL.scrollWidth'); |
- |
-debug('Verify the width of the vertical scrollbar of the outer RTL element is the same as the one of the outer LTR element regardless of their scrollbar positions.'); |
-var scrollbarWidthLTR = outerLTR.offsetWidth - outerLTR.clientWidth; |
-var scrollbarWidthRTL = outerRTL.offsetWidth - outerRTL.clientWidth; |
-shouldBeTrue('scrollbarWidthLTR == scrollbarWidthRTL'); |
+ // Verify the width of the vertical scrollbar of the outer RTL element is the same as the one of the outer LTR element regardless of their scrollbar positions. |
+ var scrollbarWidthLTR = outerLTR.offsetWidth - outerLTR.clientWidth; |
+ var scrollbarWidthRTL = outerRTL.offsetWidth - outerRTL.clientWidth; |
+ assert_equals(scrollbarWidthLTR, scrollbarWidthRTL); |
+}); |
</script> |
</body> |
-</html> |