4

这是我第一次为 Backbone 模型编写 JavaScript 测试。
在网络资源中查看有关此主题的项目并不多。
我发现了这个,Testing Backbone applications with Jasmine and Sinon,它很老了(mars 2001)。

无论如何我想知道:
1)关于这个主题还有其他资源更多更新
2)我写的文字(1)很好或可以改进。


(1)

describe('User model', function () {
    beforeEach(function () {
        this.model = new User();
        this.collection = new UserCollection();
    });

    describe('When creating models', function () {
        it('the url should be equal at corresponding api_get_users value', function () {
            expect(this.model.url()).toEqual(backendRouter.generate('api_get_users'));
        });

        describe('when no id is set', function () {
            it('should return the collection URL', function () {
                expect(this.model.url()).toEqual(this.collection.url);
            });

        });
        describe('when id is set', function () {
            it('should return the collection URL and id', function () {
                this.model.set({id: 1});
                expect(this.model.url()).toEqual(this.collection.url + '/' + this.model.get('id'));
            });
        });

    });

    describe('when fetching model from server', function () {
        beforeEach(function () {
            this.model.set({id: 1});
            this.fixture = this.fixtures.Users.valid;
            this.fixtureResponse = this.fixture.response.users[0];
            this.server = sinon.fakeServer.create();
            this.server.respondWith(
                'GET',
                backendRouter.generate('api_get_users') + '/' + this.model.get('id'),
                JSON.stringify(this.fixtureResponse)
            );
        });

        afterEach(function () {
            this.server.restore();
        });

        it('should make the correct request', function () {
            this.model.fetch();
            expect(this.server.requests.length).toEqual(1);
            expect(this.server.requests[0].method).toEqual('GET');
            expect(this.server.requests[0].url).toEqual(this.model.url());
        });

        it('should the response not change', function () {
            this.model.fetch();
            this.server.respond();
            expect(this.fixtureResponse).toEqual(this.model.attributes);
        });

        it('should exhibit mandatory attributes', function () {
            expect(this.model.get('id')).toBeGreaterThan(0);
        });
    });

});
4

2 回答 2

2

也许 SO 不适合进行代码审查,请查看https://codereview.stackexchange.com/。一些注意事项:

describe('when id is set', function () {
    it('should return the collection URL and id', function () {
        this.model.set({id: 1});
        expect(this.model.url()).toEqual(this.collection.url + '/' + this.model.get('id'));
    });
});

您应该测试this.collection.url + '/' + 1,因为这是您要发送到服务器的内容。也许你以后会改变get你的模型的功能,测试会通过,但结果不是你所期望的。

it('should make the correct request', function () {
        this.model.fetch();
        expect(this.server.requests.length).toEqual(1);
        expect(this.server.requests[0].method).toEqual('GET');
        expect(this.server.requests[0].url).toEqual(this.model.url());
    });  

这个测试毫无意义,因为您只是测试 Backbone 功能,希望由 Backbone 人员进行测试。其他 2 个测试相同。只要您不在模型中使用魔法,测试默认的 Backbone 功能就没有任何意义。

于 2012-07-18T19:22:00.853 回答
1

没有人比Justin Searls更好地涵盖茉莉花测试:

https://speakerdeck.com/u/searls/p/confidencejs

是一个例子,但请查看他的其他演示文稿以及他的 github repo for jasmine-given

于 2012-07-18T13:27:16.663 回答