blob: b2168f1de7ab8fab70c53d6105db68e01f244613 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<!DOCTYPE html>
<html>
<head>
<title>Bug 9223</title>
<script src="../fast/js/resources/js-test-pre.js"></script>
</head>
<body dir="rtl" style="margin:0px">
<div id="overflow" dir="rtl" style="border:2px solid black; overflow:auto; width: 400px; height: 400px; resize:both;">
<div style="background-color:red;height:720px"></div>
<div style="background-color:green;height:1600px"></div>
</div>
<script>
description('Test that an RTL element renders a resizer to its bottom-left corner and ' +
'dragging this resizer to the left changes its width. ' +
'To test manually, dragging the resizer of the below element to left, and ' +
'see this element increases its width.');
// This test must be async because it needs to wait for WebKit to finish re-layouting elements
// after sending mouse events.
jsTestIsAsync = true;
function finished()
{
shouldBeTrue('document.getElementById(\'overflow\').offsetWidth > offsetWidth');
finishJSTest();
}
var offsetWidth = document.getElementById('overflow').offsetWidth;
if (window.eventSender) {
var node = document.getElementById('overflow');
var offsetLeft = node.offsetLeft + 5;
var offsetTop = node.offsetTop + node.offsetHeight - 5;
eventSender.mouseMoveTo(offsetLeft, offsetTop);
eventSender.mouseDown();
eventSender.mouseMoveTo(offsetLeft - 30, offsetTop);
eventSender.mouseUp();
setTimeout(finished, 0);
}
</script>
<script src="../fast/js/resources/js-test-post.js"></script>
</body>
</html>
|
