2007-08-10 05:45:20 -07:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
|
2007-08-10 09:49:19 -07:00
|
|
|
<?xml-stylesheet href="/tests/SimpleTest/test.css" type="text/css"?>
|
2007-08-10 05:45:20 -07:00
|
|
|
<!--
|
|
|
|
|
XUL Widget Test for scale
|
|
|
|
|
-->
|
|
|
|
|
<window title="scale" width="500" height="600"
|
|
|
|
|
onload="setTimeout(testtag_scale, 0);"
|
|
|
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
2007-08-10 09:49:19 -07:00
|
|
|
<script type="application/javascript" src="/MochiKit/packed.js"></script>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
2007-08-10 05:45:20 -07:00
|
|
|
|
2007-09-18 09:52:41 -07:00
|
|
|
<hbox>
|
|
|
|
|
<vbox>
|
|
|
|
|
<scale id="scale-horizontal-normal"/>
|
|
|
|
|
<scale id="scale-horizontal-reverse" dir="reverse"/>
|
|
|
|
|
</vbox>
|
2007-08-10 05:45:20 -07:00
|
|
|
<scale id="scale-vertical-normal" orient="vertical"/>
|
|
|
|
|
<scale id="scale-vertical-reverse" orient="vertical" dir="reverse"/>
|
2007-09-18 09:52:41 -07:00
|
|
|
</hbox>
|
2007-08-10 05:45:20 -07:00
|
|
|
|
|
|
|
|
<body xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
</div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
|
|
|
|
|
function testtag_scale()
|
|
|
|
|
{
|
|
|
|
|
testtag_scale_inner("scale-horizontal-normal", true, false);
|
|
|
|
|
testtag_scale_inner("scale-horizontal-reverse", true, true);
|
|
|
|
|
testtag_scale_inner("scale-vertical-normal", false, false);
|
|
|
|
|
testtag_scale_inner("scale-vertical-reverse", false, true);
|
|
|
|
|
|
|
|
|
|
SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testtag_scale_inner(elementid, horiz, reverse)
|
|
|
|
|
{
|
|
|
|
|
var testid = (horiz ? "horizontal " : "vertical ") +
|
|
|
|
|
(reverse ? "reverse " : "normal ");
|
|
|
|
|
|
|
|
|
|
var element = document.getElementById(elementid);
|
|
|
|
|
|
|
|
|
|
testtag_scale_States(element, 0, "", 0, 100, testid + "initial");
|
|
|
|
|
|
|
|
|
|
element.min = 0;
|
|
|
|
|
element.max = 10;
|
|
|
|
|
testtag_scale_States(element, 0, "", 0, 10, testid + "first set");
|
|
|
|
|
|
|
|
|
|
element.decrease();
|
|
|
|
|
is(element.value, 0, testid + "decrease");
|
|
|
|
|
element.increase();
|
|
|
|
|
is(element.value, 1, testid + "increase");
|
|
|
|
|
element.value = 0;
|
|
|
|
|
is(element.value, 0, testid + "set value");
|
|
|
|
|
|
|
|
|
|
testtag_scale_Increments(element, 0, 10, 6, 7, testid + "increase decrease");
|
|
|
|
|
|
|
|
|
|
// check if changing the min and max adjusts the value to fit in range
|
|
|
|
|
element.min = 5;
|
|
|
|
|
testtag_scale_States(element, 5, "5", 5, 10, testid + "change min");
|
|
|
|
|
element.value = 15;
|
|
|
|
|
is(element.value, 10, testid + "change minmax value set too high");
|
|
|
|
|
element.max = 8;
|
|
|
|
|
is(element.value, 8, testid + "change max");
|
|
|
|
|
element.value = 2;
|
|
|
|
|
is(element.value, 5, testid + "change minmax set too low");
|
|
|
|
|
|
|
|
|
|
// check negative values
|
|
|
|
|
element.min = -15;
|
|
|
|
|
element.max = -5;
|
|
|
|
|
testtag_scale_States(element, -5, "-5", -15, -5, testid + "minmax negative");
|
|
|
|
|
element.value = -15;
|
|
|
|
|
is(element.value, -15, testid + "change max negative");
|
|
|
|
|
testtag_scale_Increments(element, -15, -5, 7, 8, testid + "increase decrease negative");
|
|
|
|
|
|
|
|
|
|
// check case when min is negative and max is positive
|
|
|
|
|
element.min = -10;
|
|
|
|
|
element.max = 35;
|
|
|
|
|
testtag_scale_States(element, -10, "-10", -10, 35, testid + "minmax mixed sign");
|
|
|
|
|
testtag_scale_Increments(element, -10, 35, 25, 30, testid + "increase decrease mixed sign");
|
|
|
|
|
|
|
|
|
|
testtag_scale_UI(element, testid, horiz, reverse);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testtag_scale_UI(element, testid, horiz, reverse)
|
|
|
|
|
{
|
|
|
|
|
element.min = 0;
|
|
|
|
|
element.max = 20;
|
|
|
|
|
element.value = 7;
|
|
|
|
|
element.increment = 2;
|
|
|
|
|
element.pageIncrement = 4;
|
|
|
|
|
|
|
|
|
|
element.focus();
|
|
|
|
|
|
2009-01-15 10:44:38 -08:00
|
|
|
var leftIncrements = horiz && reverse;
|
|
|
|
|
var upDecrements = !horiz && !reverse;
|
2007-08-10 05:45:20 -07:00
|
|
|
synthesizeKeyExpectEvent("VK_LEFT", { }, element, "change", testid + "key left");
|
2009-01-15 10:44:38 -08:00
|
|
|
is(element.value, leftIncrements ? 9 : 5, testid + " key left");
|
2007-08-10 05:45:20 -07:00
|
|
|
synthesizeKeyExpectEvent("VK_RIGHT", { }, element, "change", testid + "key right");
|
|
|
|
|
is(element.value, 7, testid + " key right");
|
|
|
|
|
synthesizeKeyExpectEvent("VK_UP", { }, element, "change", testid + "key up");
|
2009-01-15 10:44:38 -08:00
|
|
|
is(element.value, upDecrements ? 5 : 9, testid + " key up");
|
2007-08-10 05:45:20 -07:00
|
|
|
synthesizeKeyExpectEvent("VK_DOWN", { }, element, "change", testid + "key down");
|
|
|
|
|
is(element.value, 7, testid + " key down");
|
|
|
|
|
|
|
|
|
|
synthesizeKeyExpectEvent("VK_PAGE_UP", { }, element, "change", testid + "key page up");
|
2009-01-15 10:44:38 -08:00
|
|
|
is(element.value, upDecrements ? 3 : 11, testid + " key page up");
|
2007-08-10 05:45:20 -07:00
|
|
|
synthesizeKeyExpectEvent("VK_PAGE_DOWN", { }, element, "change", testid + "key page down");
|
|
|
|
|
is(element.value, 7, testid + " key page down");
|
|
|
|
|
|
|
|
|
|
synthesizeKeyExpectEvent("VK_HOME", { }, element, "change", testid + "key home");
|
|
|
|
|
is(element.value, reverse ? 20 : 0, testid + " key home");
|
|
|
|
|
synthesizeKeyExpectEvent("VK_END", { }, element, "change", testid + "key end");
|
|
|
|
|
is(element.value, reverse ? 0 : 20, testid + " key end");
|
|
|
|
|
|
|
|
|
|
testtag_scale_UI_Mouse(element, testid, horiz, reverse, 4);
|
|
|
|
|
|
2009-03-31 11:11:35 -07:00
|
|
|
element.min = 4;
|
2007-08-10 05:45:20 -07:00
|
|
|
element.pageIncrement = 3;
|
|
|
|
|
testtag_scale_UI_Mouse(element, testid + " with min", horiz, reverse, 3);
|
|
|
|
|
|
|
|
|
|
element.pageIncrement = 30;
|
|
|
|
|
testtag_scale_UI_Mouse(element, testid + " with min past", horiz, reverse, 30);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testtag_scale_UI_Mouse(element, testid, horiz, reverse, pinc)
|
|
|
|
|
{
|
2009-03-31 11:11:35 -07:00
|
|
|
var initial = reverse ? 8 : 12;
|
|
|
|
|
var newval = initial + (reverse ? pinc : -pinc);
|
|
|
|
|
var endval = initial;
|
2007-08-10 05:45:20 -07:00
|
|
|
// in the pinc == 30 case, the page increment is large enough that it would
|
|
|
|
|
// just cause the thumb to reach the end of the scale. Make sure that the
|
|
|
|
|
// mouse click does not go past the end.
|
|
|
|
|
if (pinc == 30) {
|
2009-03-31 11:11:35 -07:00
|
|
|
newval = reverse ? 20 : 4;
|
|
|
|
|
endval = reverse ? 4 : 20;
|
2007-08-10 05:45:20 -07:00
|
|
|
}
|
2009-03-31 11:11:35 -07:00
|
|
|
element.value = initial;
|
2007-08-10 05:45:20 -07:00
|
|
|
|
2009-03-31 11:11:35 -07:00
|
|
|
var hmove = horiz ? 25 : 10;
|
|
|
|
|
var vmove = horiz ? 10 : 25;
|
|
|
|
|
|
|
|
|
|
var leftFn = function () { return reverse ? element.value < newval + 3 : element.value > newval - 3; }
|
|
|
|
|
var rightFn = function () { return reverse ? element.value < endval - 3 : element.value < endval + 3; }
|
|
|
|
|
|
2007-08-10 05:45:20 -07:00
|
|
|
// check that clicking the mouse on the trough moves the thumb properly
|
2009-03-31 11:11:35 -07:00
|
|
|
synthesizeMouseExpectEvent(element, hmove, vmove, { }, element, "change", testid + "mouse on left movetoclick=default");
|
|
|
|
|
|
|
|
|
|
if (navigator.platform.indexOf("Mac") >= 0) {
|
|
|
|
|
if (pinc == 30)
|
|
|
|
|
ok(element.value > 4, testid + " mouse on left movetoclick=default");
|
|
|
|
|
else
|
|
|
|
|
ok(leftFn, testid + " mouse on left movetoclick=default");
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
is(element.value, newval, testid + " mouse on left movetoclick=default");
|
|
|
|
|
}
|
2007-08-10 05:45:20 -07:00
|
|
|
|
|
|
|
|
var rect = element.getBoundingClientRect();
|
2009-03-31 11:11:35 -07:00
|
|
|
synthesizeMouseExpectEvent(element, rect.right - rect.left - hmove,
|
|
|
|
|
rect.bottom - rect.top - vmove, { },
|
|
|
|
|
element, "change", testid + " mouse on right movetoclick=default");
|
|
|
|
|
|
|
|
|
|
if (navigator.platform.indexOf("Mac") >= 0) {
|
|
|
|
|
if (pinc == 30)
|
|
|
|
|
ok(element.value < 20, testid + " mouse on right movetoclick=default");
|
|
|
|
|
else
|
|
|
|
|
ok(rightFn, testid + " mouse on right movetoclick=default");
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
is(element.value, endval, testid + " mouse on right movetoclick=default");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
element.setAttribute("movetoclick", "true");
|
|
|
|
|
element.value = initial;
|
|
|
|
|
|
|
|
|
|
synthesizeMouseExpectEvent(element, hmove, vmove, { }, element, "change", testid + "mouse on left movetoclick=true");
|
|
|
|
|
if (pinc == 30)
|
|
|
|
|
ok(element.value > 4, testid + " mouse on left movetoclick=true");
|
|
|
|
|
else
|
|
|
|
|
ok(leftFn, testid + " mouse on left movetoclick=true");
|
|
|
|
|
|
|
|
|
|
var rect = element.getBoundingClientRect();
|
|
|
|
|
synthesizeMouseExpectEvent(element, rect.right - rect.left - hmove,
|
|
|
|
|
rect.bottom - rect.top - vmove, { },
|
|
|
|
|
element, "change", testid + " mouse on right movetoclick=true");
|
|
|
|
|
if (pinc == 30)
|
|
|
|
|
ok(element.value < 20, testid + " mouse on right movetoclick=true");
|
|
|
|
|
else
|
|
|
|
|
ok(rightFn, testid + " mouse on right movetoclick=true");
|
|
|
|
|
|
|
|
|
|
element.setAttribute("movetoclick", "false");
|
|
|
|
|
element.value = initial;
|
|
|
|
|
|
|
|
|
|
synthesizeMouseExpectEvent(element, hmove, vmove, { }, element, "change", testid + "mouse on left movetoclick=false");
|
|
|
|
|
is(element.value, newval, testid + " mouse on left movetoclick=false");
|
|
|
|
|
|
|
|
|
|
var rect = element.getBoundingClientRect();
|
|
|
|
|
synthesizeMouseExpectEvent(element, rect.right - rect.left - hmove,
|
|
|
|
|
rect.bottom - rect.top - vmove, { },
|
|
|
|
|
element, "change", testid + " mouse on right movetoclick=false");
|
|
|
|
|
is(element.value, endval, testid + " mouse on right movetoclick=false");
|
|
|
|
|
|
|
|
|
|
element.removeAttribute("movetoclick");
|
2007-08-10 05:45:20 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testtag_scale_States(element, evalue, evalueattr, emin, emax, testid)
|
|
|
|
|
{
|
|
|
|
|
is(element.getAttribute("value"), evalueattr, testid + " value attribute");
|
|
|
|
|
is(element.value, evalue, testid + " value");
|
|
|
|
|
is(element.min, emin, testid + " min");
|
|
|
|
|
is(element.max, emax, testid + " max");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testtag_scale_Increments(element, min, max, increment, pageIncrement, testid)
|
|
|
|
|
{
|
|
|
|
|
// check the increase and decrease methods
|
|
|
|
|
element.increment = increment;
|
|
|
|
|
element.increase();
|
|
|
|
|
is(element.value, min + increment, testid + " increase 1");
|
|
|
|
|
element.increase();
|
|
|
|
|
is(element.value, max, testid + " increase 2");
|
|
|
|
|
element.decrease();
|
|
|
|
|
is(element.value, max - increment, testid + " decrease 1");
|
|
|
|
|
element.decrease();
|
|
|
|
|
is(element.value, min, testid + " decrease 2");
|
|
|
|
|
|
|
|
|
|
// check the increasePage and decreasePage methods
|
|
|
|
|
element.pageIncrement = pageIncrement;
|
|
|
|
|
element.increasePage();
|
|
|
|
|
is(element.value, min + pageIncrement, testid + " increasePage 1");
|
|
|
|
|
element.increasePage();
|
|
|
|
|
is(element.value, max, testid + " increasePage 2");
|
|
|
|
|
element.decreasePage();
|
|
|
|
|
is(element.value, max - pageIncrement, testid + " decreasePage 1");
|
|
|
|
|
element.decreasePage();
|
|
|
|
|
is(element.value, min, testid + " decreasePage 2");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
]]>
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</window>
|
