touchadjustment/iframe.html

<!DOCTYPE html>
<html>
<head>
    <title>Touch Adjustment : Correct for frame positions - bug 82043</title>
    <script src="../fast/js/resources/js-test-pre.js"></script>
    <style>
        #myframe { position: absolute; left: 200px; top: 100px; width: 400px; height: 300px;}
    </style>
</head>
<body onload="runTests()">

<iframe id=myframe src="resources/inner-frame.html"></iframe>

<p id='description'></p>
<div id='console'></div>

<script>
    function testRoundTouch(x, y, radius)
    {
        var x = x - radius;
        var y = y - radius;
        var width = radius * 2;
        var height = radius * 2;
        var adjustedNode = internals.touchNodeAdjustedToBestClickableNode(x, y, width, height, document);
        if (adjustedNode.nodeType == 3) // TEXT node
            adjustedNode = adjustedNode.parentNode;
        return adjustedNode;
    }
    function testDirectTouches()
    {
        debug('Test fat direct touches.');

        adjustedNode = testRoundTouch(260, 200, 200);
        shouldBeEqualToString('adjustedNode.id', 'a1');

        adjustedNode = testRoundTouch(340, 200, 200);
        shouldBeEqualToString('adjustedNode.id', 'a2');

    }
    function runTests()
    {
        if (window.testRunner && window.internals && internals.touchNodeAdjustedToBestClickableNode) {
            description('Test touch-adjustment on links in an iframe. Making sure we iframe position is correctly adjusted for.');
            testDirectTouches();
            finishJSTest();
        }
    }
    jsTestIsAsync = true;
</script>
<script src="../fast/js/resources/js-test-post.js"></script>
</body>
</html>