javascript - 如何对 jQuery 选择器进行单元测试？

Question

只是一个简单的问题...我目前有以下带有选择器的 jQuery 代码。

var ID = "idControl"
function doesTreeViewExist()
{
    if($('#' + ID).length == 0)
    {
        return false;
    }
    else
    {
        return true;
    }
}

我想知道如何使用 QUnit 编写测试来测试选择器？更具体地说，我在想出语法/代码时遇到了困难。

编辑:

好吧，假设现在我想模拟选择器调用，因为我无法访问实际网站。我使用 JsTestDriver 作为测试工具，这意味着我无法触摸运行测试的浏览器(否则测试运行将停止)。在这种情况下怎么办？我怎样才能测试代码？

谢谢。

Answer 1

您发布的功能可以大大简化:

var ID = "idControl";
function doesTreeViewExist() {
  return !!$('#' + ID).length;
}

使用 !! 构造(双按位 NOT)，将 length 属性转换为 bool 值，它将返回 false 仅当长度为零时。

说到 qUnit，您可以轻松设置一个简单的测试，如下所示:

test("Your selector test", function() {
  ok($('#idControl').length > 0, "idControl exists");
  // or simply
  ok($('#idControl').length, "idControl exists");
});

ok 函数执行一个 bool 断言，相当于 JUnit 的 assertTrue。