javascript - 监视 Jasmine-Jquery 函数调用

Question

以下 jasmine-jquery 片段失败。我收到的错误是“预期 spy logIt 已被调用”。

var logIt = function () { 
    console.log("logged"); 
};

$('#id1').on({
    click: logIt
});

describe("Clicking id1", function() {
  it("logs to the console.", function() {
      spyOn(window, 'logIt');
      $('#id1').click();
      expect(window.logIt).toHaveBeenCalled();
  });
});

//ERROR: "Expected spy logIt to have been called."

Answer 1

试试这个:

describe("Clicking id1", function() {
    var logIt, $button;

    beforeAll(function () {
        logIt = jasmine.createSpy('logIt() spy');

        $button = $('#id1');
        $button.click(logIt);
        $button.click();
    });

    it("logs to the console.", function () {
        expect(logIt).toHaveBeenCalled();
    });
});

我在我的项目中运行了以下测试并且它有效:

describe("Clicking id1", function() {
    var $button, specHelper, logIt;

    beforeAll(function () {
        logIt = jasmine.createSpy('logIt() spy');
        $button = $('<button>').attr("id", "id1");
        specHelper = new SpecHelper();
        specHelper.publish($button);

        $button.click(logIt);
        $button.click();
    });

    afterAll(function () {
        specHelper.conceal($button);
    });

    it("logs to the console.", function () {
        console.dir(logIt);
        expect(logIt).toHaveBeenCalled();
    });
});

specHelper.publish 将 jQuery 节点附加到 DOM，specHelper.conceal 将其删除。