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

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

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