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

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.");
});

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