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

当然这只是示例，您可以对此进行改进，但只需少量代码就可以改进工作流程。