是否可以测试页面上控件的高度和宽度

Question

当使用多个浏览器时，某些控件显示在页面范围之外，而某些控件似乎分散使用不同的浏览器。有没有办法为所有这些布局编写单元测试。我正在使用qunit，js-test-driver探索jquery测试。但我不知道该怎么做。

Answer 1

编写单元测试（例如使用QUnit），如下所示：

var range = 10;

function rangeCheck(number1, number2) {
    return (number1 >= number2 - range) && (number1 <= number2 + range);
};

test("#main size", function() {
    var $main = $('#main');
    ok(rangeCheck($main.width(), 500), "Width ok.");
    ok(rangeCheck($main.height(), 500), "Height ok.");
});

当然这只是一个例子，你可以改进这一点，但只需少量代码就可以改善工作流程。