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

もちろん、これは単なる例です。これを改善できますが、少量のコードでワークフローを改善できます。