javascript - 如何调用 Meteor 模板事件？

Question

功能:用户必须在输入字段中输入讲座代码才能进入讲座。在登陆页面上，当用户输入讲座代码时，我想检查代码是否正确，如果正确，则将“btn-enter-lecture”涂成绿色。

'keyup #lecture-code-input' : function() {
    var possibleLectureID = $('#lecture-code-input').val();
    var possibleLecture = Lectures.findOne({lectureCode: possibleLectureID});
    if(possibleLecture){
        $('#btn-enter-lecture').addClass('btn-success');
        $('#btn-enter-lecture').removeClass('disabled');
    }
    else {
        $('#btn-enter-lecture').removeClass('btn-success');
        $('#btn-enter-lecture').addClass('disabled');
    }
}

为了使用 jasmine 测试此功能，我将讲座代码粘贴到输入字段中，并尝试使用 jquery 触发该事件。但这不会称为 meteor 事件。

describe("'Enter Class' button", function() {
    it("turns green when there is a lecture with this lecture code", function(done) {
        $('#lecture-code-input').val(lectureCode);
        $('#lecture-code-input').trigger('keyup');
        var interval = setInterval(function() {
            if(!$('button#btn-enter-class').hasClass('disabled')){
                clearInterval(interval);
                expect($('button#btn-enter-class').hasClass('btn-success')).toBe(true);
                done();
            }
        },5);
    });
});

如何触发此 meteor 模板事件来测试按钮是否随后变为绿色？

代码:https://github.com/minden/rewind/commit/cac61ecc3da3014548ad4ec9d1ceb2fd49bb265c

Answer 1

查看本教程:https://doctorllama.wordpress.com/2014/09/22/bullet-proof-internationalised-meteor-applications-with-velocity-unit-testing-integration-testing-and-jasmine/

一直向下到:“.registerForTutorial”

你应该看到这个:

var data = new Tutorial();

spyOn(data, "registerStudent");
spyOn(Blaze, "getData").and.returnValue(data);

Template.tutorials.__eventMaps[0]["click .registerForTutorial"].call({templateInstance: function() {}}, {preventDefault : function() {}});

expect(data.registerStudent).toHaveBeenCalled();
});

我认为这就是您正在寻找的。您需要指定模板。