mstats.details-pane.tests.js

(function ($) {

    module('Details Pane', {
        setup: function () {
            this.details = $('<div id="details-pane"><div /></div>')
                .appendTo('#qunit-fixture');
            this.ajax = $.ajax;
            this.savedGet = mstats.datastore.get;
            this.savedFetch = mstats.dataManager.fetch;

            $.ajax = function (options) {
                options.success = function () { }; // to prevent the actual call
            };
        },
        teardown: function () {
            $.ajax = this.ajax;
            mstats.datastore.get = this.savedGet;
            mstats.dataManager.fetch = this.savedFetch;
        }
    });

    test('When details.selected fires, then attempt to load template from $.datastore', function () {
        expect(1);
        var definedToken = 'vehicle.details.html',
            vid = 4;

        mstats.datastore.get = function (token) {
            if (token == definedToken) {
                equal(token, definedToken, 'Details Pane is loading template when details.selected fires');
            }
        };

        this.details.detailsPane();
        mstats.pubsub.publish('details.selected', vid);
        this.details.detailsPane('destroy');
    });

    test('When details.selected fires and template is not in $.datastore, then fetch template from server', function () {
        expect(3);
        var definedToken = 'vehicle.details.html',
            definedFormat = 'html',
            vid = 44;

        mstats.datastore.get = function (token) {
            if (token == definedToken) {
                return undefined;
            }
        };

        mstats.dataManager.fetch = function (endpoint, format) {
            if (format == definedFormat) {
                ok(true, 'Details Pane is fetching data when details.selected fires and $.datastore is empty');
                equal(endpoint, 'vehicle/details/' + vid, 'Details Pane is formating the fetch url correctly');
                equal(format, definedFormat, 'Details Pane is fetching from server when not cached ');
            }
        };

        this.details.detailsPane();
        mstats.pubsub.publish('details.selected', vid);
        this.details.detailsPane('destroy');
    });

} (jQuery));