gecko-dev/layout/forms/test/test_bug1301290.html
Daniel Holbert 96ede8b658 Bug 1335885: Adjust click position in test_bug1301290.html to more reliably target resizer. r=mats
The resizer in question is smaller in Ubuntu 16.04 than on other platforms (due
to smaller scrollbars in the default OS theme), so we need to target our click
closer to the corner of the element in order to hit the resizer.

MozReview-Commit-ID: Cz4MIKsOaGS

--HG--
extra : rebase_source : fdb852d924b7505ec2cfc2404ba632bf51ee09ee
2017-02-08 11:41:13 -08:00

50 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Test for Bug 1301290</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<style type="text/css">
.blue, .green {
border: none;
box-sizing: border-box;
display: block;
width: 200px;
height: 100px;
overflow: scroll;
resize: both;
}
.blue {
background: blue;
}
.green {
background: green;
margin-top: -100px;
}
</style>
</head>
<body>
<div class="blue"></div>
<textarea class="green" id="textarea"></textarea>
<script type="application/javascript">
SimpleTest.waitForExplicitFinish();
addLoadEvent(() => SimpleTest.executeSoon(function() {
var textarea = $("textarea");
var rect = textarea.getBoundingClientRect();
synthesizeMouse(textarea, rect.width - 9, rect.height - 9, { type: "mousedown" });
synthesizeMouse(textarea, rect.width + 40, rect.height + 40, { type: "mousemove" });
synthesizeMouse(textarea, rect.width + 40, rect.height + 40, { type: "mouseup" });
var newrect = textarea.getBoundingClientRect();
ok(newrect.width > rect.width, "width did not increase");
ok(newrect.height > rect.height, "height did not increase");
SimpleTest.finish();
}));
</script>
</body>
</html>