<!DOCTYPE html>
<head>
<script src="../resources/js-test.js"></script>
</head>
<body>

<p id="description"></p>

<div id="container" style="height: 100px; overflow: scroll">
  <button id="upper_target">Upper Target</button>
  <div style="border: 1px solid #000; height: 5000px;">5000-pixel box</div>
  <button id="lower_target">Lower Target</button>
</div>

<div id="console"></div>

<script>
description("Tests that scrolling to make an element visible successfully scrolls an arbitrary HTML element that has CSS overflow set to 'scroll'.");

function runTest() {
    window.container = document.getElementById("container");
    var upperTarget = document.getElementById("upper_target");
    var lowerTarget = document.getElementById("lower_target");

    var lowerTargetAccessibleObject;
    var upperTargetAccessibleObject;
    if (window.accessibilityController) {
        lowerTarget.focus();
        lowerTargetAccessibleObject = accessibilityController.focusedElement;
        upperTarget.focus();
        upperTargetAccessibleObject = accessibilityController.focusedElement;
    }

    // Reset the initial scroll position (since calling focus() can scroll the page too).
    container.scrollTop = 0;
    shouldBeZero("container.scrollTop");

    // Scroll to make lower target visible and check.
    if (window.accessibilityController)
        lowerTargetAccessibleObject.scrollToMakeVisible();
    var top = lowerTarget.offsetTop - container.offsetTop;
    window.minYOffset = top + lowerTarget.offsetHeight - container.offsetHeight;
    window.maxYOffset = top;
    shouldBeTrue("container.scrollTop >= minYOffset");
    shouldBeTrue("container.scrollTop <= maxYOffset");

    // Do it again. It shouldn't scroll.
    if (window.accessibilityController)
        lowerTargetAccessibleObject.scrollToMakeVisible();
    var top = lowerTarget.offsetTop - container.offsetTop;
    window.minYOffset = top + lowerTarget.offsetHeight - container.offsetHeight;
    window.maxYOffset = top;
    shouldBeTrue("container.scrollTop >= minYOffset");
    shouldBeTrue("container.scrollTop <= maxYOffset");

    // Scroll to make upper target visible and check.
    if (window.accessibilityController)
        upperTargetAccessibleObject.scrollToMakeVisible();
    top = upperTarget.offsetTop - container.offsetTop;
    window.minYOffset = top + upperTarget.offsetHeight - container.offsetHeight;
    window.maxYOffset = top;
    shouldBe("container.scrollTop >= minYOffset", "true");
    shouldBe("container.scrollTop <= maxYOffset", "true");

    finishJSTest();
}

runTest();

</script>

</body>
</html>