javascript - 如何为 HTML 元素编写 Mocha 测试用例？

Question

我正在使用 Mocha/PhantomJS 设置来测试我的 JavaScript 代码以运行测试。

有一个函数:

function getNodeClickWithExpand(idElement, treeName, autoCompleteName) {
    jQuery("input[type='checkbox'][name='c_" + idElement + "']").trigger("click");
    var treeView = jQuery("#" + treeName).data("kendoTreeView");
    treeView.expand(document.getElementById(idElement));
    jQuery("#" + idElement).closest("div").find("span:last").addClass("k-state-selected");
    kendoUiHoverAutoScrolling(idElement, treeName, autoCompleteName);
}

我正在用 Mocha 为这个函数写一个测试用例:

describe("getNodeClickWithExpand", function () {
    it("should pass with correct inputs", function () {
        var processJsonObject = getNodeClickWithExpand(idElement, treeName, autoCompleteName);
        console.log(processJsonObject);
    });
});

当我运行这个测试用例时，它给了我一个错误。我知道这是不正确的。请告诉我如何运行 HTML 元素和事件的测试用例。

编辑:

我得到的错误:

Answer 1

我认为问题出在这里-

it("should pass with correct inputs", function () {
    var processJsonObject = getNodeClickWithExpand(idElement, treeName, autoCompleteName);

测试报错'Cannot read property 'expand' of null'表示dom中没有id = idElement的元素。运行测试时，您需要将元素的 ID 作为字符串传递。您也没有为参数“treeName”和“autoCompleteName”传递任何值。