Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: layout/forms/test/mochitest.toml
<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<meta charset="utf-8">
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=717878">Mozilla Bug 717878</a>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<!-- size=10 and monospace font ensure there's no overflow in either direction -->
<input id="no-overflow" type="text"
size="10"
style="
font-family: monospace;
font-size: 1em;"
value="Short">
<!-- ditto, with appearance:none -->
<input id="no-overflow2" type="text"
size="10"
style="
-webkit-appearance:none;
font-family: monospace;
font-size: 1em;"
value="Short">
<!-- size=10, monospace font, and height=0.5em ensure overflow in both directions -->
<input id="overflow" type="text"
size="10"
style="
font-family: monospace;
font-size: 3em;
height: 0.5em;"
value="This is a long string">
<!-- ditto, with appearance:none -->
<input id="overflow2" type="text"
size="10"
style="
-webkit-appearance:none;
font-family: monospace;
font-size: 3em;
height: 0.5em;"
value="This is a long string">
<pre id="test">
<script type="application/javascript">
/**
* Test an element's scroll properties for correctness
*
* @param element Element to test
* @param prop Specify the property to test,
* i.e. "scrollLeft" or "scrollTop"
* @param propMax Specify the scrollMax property to test,
* i.e. "scrollLeftMax" or "scrollTopMax"
* @param is_overflow Specify whether the element is
* scrollable in the above direction
*/
function test_scroll(element, scroll, scrollMax, is_overflow) {
is(element[scroll], 0, element.id + " initial " + scroll + " != 0");
if (is_overflow) {
isnot(element[scrollMax], 0, element.id + " " + scrollMax + " == 0");
} else {
is(element[scrollMax], 0, element.id + " " + scrollMax + " != 0");
}
element[scroll] = 10;
if (is_overflow) {
isnot(element[scroll], 0, element.id + " unable to scroll " + scroll);
} else {
is(element[scroll], 0, element.id + " able to scroll " + scroll);
}
element[scroll] = element[scrollMax];
is(element[scroll], element[scrollMax], element.id + " did not scroll to " + scrollMax);
element[scroll] = element[scrollMax] + 10;
is(element[scroll], element[scrollMax], element.id + " scrolled past " + scrollMax);
}
var no_overflow = document.getElementById("no-overflow");
test_scroll(no_overflow, "scrollLeft", "scrollLeftMax", /* is_overflow */ false);
test_scroll(no_overflow, "scrollTop", "scrollTopMax", /* is_overflow */ false);
var no_overflow2 = document.getElementById("no-overflow2");
test_scroll(no_overflow2, "scrollLeft", "scrollLeftMax", /* is_overflow */ false);
test_scroll(no_overflow2, "scrollTop", "scrollTopMax", /* is_overflow */ false);
var overflow = document.getElementById("overflow");
test_scroll(overflow, "scrollLeft", "scrollLeftMax", /* is_overflow */ true);
test_scroll(overflow, "scrollTop", "scrollTopMax", /* is_overflow */ true);
var overflow2 = document.getElementById("overflow2");
test_scroll(overflow2, "scrollLeft", "scrollLeftMax", /* is_overflow */ true);
test_scroll(overflow2, "scrollTop", "scrollTopMax", /* is_overflow */ true);
</script>
</pre>
</body>
</html>