forked from mirrors/gecko-dev
ede8c44ef2
This excludes dom/, otherwise the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27456 --HG-- extra : moz-landing-system : lando
102 lines
4 KiB
HTML
102 lines
4 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Test for Bug 477700</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script src="/tests/SimpleTest/EventUtils.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="content" style="display: none">
|
|
</div>
|
|
|
|
<textarea id="textarea" style="-moz-appearance: none; border: 2px solid black; padding: 3px; box-sizing: border-box; min-width: 15px; min-height: 15px;">Text</textarea>
|
|
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for textbox resizing **/
|
|
SimpleTest.waitForExplicitFinish();
|
|
addLoadEvent(() => SimpleTest.executeSoon(doTheTest));
|
|
|
|
// -1 means use the default value which is 'both', then test explicitly
|
|
// setting each possible value.
|
|
var currentResize = -1;
|
|
var currentBoxSizing = 0;
|
|
var currentPointer = 0;
|
|
var resizeTypes = [ "horizontal", "vertical", "none", "inherit", "both" ];
|
|
var boxSizingTypes = [ "", "border-box" ];
|
|
var pointerTypes = [ synthesizeMouse, synthesizeTouch]
|
|
|
|
function doTheTest() {
|
|
runTest(pointerTypes[currentPointer]);
|
|
}
|
|
|
|
function runTest(aPointerFunc) {
|
|
var boxSizingText = " with box sizing " + (currentBoxSizing ? boxSizingTypes[currentBoxSizing] : "content-box");
|
|
|
|
var textarea = $("textarea");
|
|
var rect = textarea.getBoundingClientRect();
|
|
var touch = aPointerFunc.name.match(/Touch/);
|
|
// -1 means use the default value of resize, i.e. "both"
|
|
var type = (currentResize == -1) ? "both" : resizeTypes[currentResize];
|
|
// assume that the resizer is in the lower right corner
|
|
|
|
aPointerFunc(textarea, rect.width - 10, rect.height - 10, { type: touch ? "touchstart" : "mousedown" });
|
|
aPointerFunc(textarea, rect.width + 40, rect.height + 40, { type: touch ? "touchmove" : "mousemove" });
|
|
|
|
var newrect = textarea.getBoundingClientRect();
|
|
var hchange = (type == "both" || type == "horizontal");
|
|
var vchange = (type == "both" || type == "vertical");
|
|
|
|
is(Math.round(newrect.width), Math.round(rect.width + (hchange ? 50 : 0)),
|
|
type + " width has increased" + boxSizingText + " using " + aPointerFunc.name);
|
|
is(Math.round(newrect.height), Math.round(rect.height + (vchange ? 50 : 0)),
|
|
type + " height has increased" + boxSizingText + " using " + aPointerFunc.name);
|
|
|
|
aPointerFunc(textarea, rect.width - 20, rect.height - 20, { type: touch ? "touchmove" : "mousemove" });
|
|
|
|
newrect = textarea.getBoundingClientRect();
|
|
|
|
is(Math.round(newrect.width), Math.round(rect.width - (hchange ? 10 : 0)),
|
|
type + " width has decreased" + boxSizingText + " using " + aPointerFunc.name);
|
|
is(Math.round(newrect.height), Math.round(rect.height - (vchange ? 10 : 0)),
|
|
type + " height has decreased" + boxSizingText + " using " + aPointerFunc.name);
|
|
|
|
aPointerFunc(textarea, rect.width - 220, rect.height - 220, { type: touch ? "touchmove" : "mousemove" });
|
|
|
|
newrect = textarea.getBoundingClientRect();
|
|
ok(hchange ? newrect.width >= 15 : Math.round(newrect.width) == Math.round(rect.width),
|
|
type + " width decreased below minimum" + boxSizingText + " using " + newrect.width);
|
|
ok(vchange ? newrect.height >= 15 : Math.round(newrect.height) == Math.round(rect.height),
|
|
type + " height decreased below minimum" + boxSizingText + " using " + aPointerFunc.name);
|
|
|
|
aPointerFunc(textarea, rect.width - 8, rect.height - 8, { type: touch ? "touchend" : "mouseup" });
|
|
|
|
textarea.style.width = "auto";
|
|
textarea.style.height = "auto";
|
|
|
|
if (currentBoxSizing++ <= boxSizingTypes.length) {
|
|
textarea.style.MozBoxSizing = boxSizingTypes[currentBoxSizing];
|
|
SimpleTest.executeSoon(doTheTest);
|
|
} else {
|
|
currentBoxSizing = 0;
|
|
if (++currentResize < resizeTypes.length) {
|
|
textarea.style.resize = resizeTypes[currentResize];
|
|
SimpleTest.executeSoon(doTheTest);
|
|
} else {
|
|
currentResize = -1;
|
|
textarea.style.resize = "";
|
|
if (++currentPointer < pointerTypes.length) {
|
|
SimpleTest.executeSoon(doTheTest);
|
|
} else {
|
|
SimpleTest.finish();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|