8

我正在使用 Karma、Jasmine、Jasmine.Async、Sinon 和 Chai。

好消息……这个测试工作正常。依赖项被嘲笑，间谍被调用，故意破坏测试对象会导致测试失败。

define(['chai', 'squire'], function (chai, Squire) {

    var should = chai.should(),
        async = new AsyncSpec(this),
        subject, injector = new Squire();

    describe('EventsView', function () {

        describe('when an event is clicked', function () {
            var mockModel, stub;

            async.beforeEach(function (done) {
                setFixtures('<div id="screen"></div>');

                mockModel = {
                    toJSON: function () {
                        return {
                            dimensions: "hu1 vu2",
                            events: [{
                                date: "8/29/2013",
                                id: "8923",
                                title: "Fancy Show",
                                venue: "Lovely venue",
                            }, {
                                date: "8/29/2013",
                                id: "9034",
                                title: "Exciting Game",
                                venue: "Lovely stadium"
                            }],
                            id: 3566,
                            kind: "events",
                            title: "Top events this week"
                        };
                    },
                    fetch: function () {}
                };
                stub = sinon.stub();
                injector.mock('tiles/events-tile/events-detail-model', Squire.Helpers.constructs({
                    fetch: stub
                }));
                injector.require(["tiles/events-tile/events-view"], function (ev) {
                    subject = new ev(mockModel);
                    done();
                });
            });

            async.afterEach(function (done) {
                injector.clean();
                injector.remove();
                done();
            });


            async.it('should attempt to fetch the event details', function (done) {
                $('#screen').html(subject.$el);
                $('.event').first().click();
                stub.called.should.be.true;
                done();
            });
        });
    });
});

坏消息......以前很好的其他测试现在因奇怪的原因而失败。例如： Error: Backbone.history has already been started 和 TypeError: 'undefined' is not an object (evaluating 'Backbone.Validation.mixin')

如果我注释掉片段

injector.require(["tiles/events-tile/events-view"], function (ev) {
  subject = new ev(mockModel);
    done();
});

然后其他测试再次工作。我以前也发生过这样的事情，通常是因为 sinon mock 没有得到恢复。这个injector.clean()电话似乎没有提供我所希望的灵丹妙药。

4

2 回答 2

5

根据我的经验，Squire 引起的头痛比它解决的要多。你在使用任何 jQuery 插件吗？我发现它们不能很好地与 squire 配合使用，并且可能导致后续测试失败。如果是这种情况，请查看此博客以了解如何处理。

然而，我的建议是完全抛弃 Squire。使用 sinon 并创建您自己的实用程序来精确模拟您需要的东西不仅应该使您的异步测试再次同步（在此测试的代码是同步的），而且它还将鼓励创建更多可测试的代码。它还应该可以帮助您更深入地理解您的代码和库——将 Backbone.history 存根以在不实际触发路由的情况下执行路由操作是一项很好的练习，并且是添加到您的测试库的绝佳实用程序。

于 2014-01-03T15:27:52.077 回答
3

问题出在非 AMD 模块上。如果我没记错的话，当 Squire 创建一个新上下文时，它将在全局命名空间中创建一个非 AMD 模块的新实例。结果是您的代码和测试将引用不同的对象。我想我设法通过以下方式解决了这个问题：

var injector = new Squire();
injector.mock("backbone", function() {
  return Backbone;
});

Squire 应该更好地处理非 AMD 模块。

于 2014-05-14T13:08:33.057 回答