Ghost/ghost/admin/tests/unit/controllers/settings/navigation-test.js

/* jshint expr:true */
import { expect, assert } from 'chai';
import { describeModule, it } from 'ember-mocha';
import Ember from 'ember';
import NavItem from 'ghost-admin/models/navigation-item';

const {
    run,
    Object: EmberObject
} = Ember;

const navSettingJSON = `[
    {"label":"Home","url":"/"},
    {"label":"JS Test","url":"javascript:alert('hello');"},
    {"label":"About","url":"/about"},
    {"label":"Sub Folder","url":"/blah/blah"},
    {"label":"Telephone","url":"tel:01234-567890"},
    {"label":"Mailto","url":"mailto:test@example.com"},
    {"label":"External","url":"https://example.com/testing?query=test#anchor"},
    {"label":"No Protocol","url":"//example.com"}
]`;

describeModule(
    'controller:settings/navigation',
    'Unit: Controller: settings/navigation',
    {
        // Specify the other units that are required for this test.
        needs: [
            'service:config',
            'service:notifications',
            'model:navigation-item',
            'service:ajax',
            'service:ghostPaths',
            'service:upgrade-status'
        ]
    },
    function () {
        it('blogUrl: captures config and ensures trailing slash', function () {
            let ctrl = this.subject();
            ctrl.set('config.blogUrl', 'http://localhost:2368/blog');
            expect(ctrl.get('blogUrl')).to.equal('http://localhost:2368/blog/');
        });

        it('init: creates a new navigation item', function () {
            let ctrl = this.subject();

            run(() => {
                expect(ctrl.get('newNavItem')).to.exist;
                expect(ctrl.get('newNavItem.isNew')).to.be.true;
            });
        });

        it('blogUrl: captures config and ensures trailing slash', function () {
            let ctrl = this.subject();
            ctrl.set('config.blogUrl', 'http://localhost:2368/blog');
            expect(ctrl.get('blogUrl')).to.equal('http://localhost:2368/blog/');
        });

        it('save: validates nav items', function (done) {
            let ctrl = this.subject();

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: [
                    NavItem.create({label: 'First',   url: '/'}),
                    NavItem.create({label: '',        url: '/second'}),
                    NavItem.create({label: 'Third',   url: ''})
                ]}));
                // blank item won't get added because the last item is incomplete
                expect(ctrl.get('model.navigation.length')).to.equal(3);

                ctrl.save().then(function passedValidation() {
                    assert(false, 'navigationItems weren\'t validated on save');
                    done();
                }).catch(function failedValidation() {
                    let navItems = ctrl.get('model.navigation');
                    expect(navItems[0].get('errors').toArray()).to.be.empty;
                    expect(navItems[1].get('errors.firstObject.attribute')).to.equal('label');
                    expect(navItems[2].get('errors.firstObject.attribute')).to.equal('url');
                    done();
                });
            });
        });

        it('save: ignores blank last item when saving', function (done) {
            let ctrl = this.subject();

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: [
                    NavItem.create({label: 'First',   url: '/'}),
                    NavItem.create({label: '',        url: ''})
                ]}));

                expect(ctrl.get('model.navigation.length')).to.equal(2);

                ctrl.save().then(function passedValidation() {
                    assert(false, 'navigationItems weren\'t validated on save');
                    done();
                }).catch(function failedValidation() {
                    let navItems = ctrl.get('model.navigation');
                    expect(navItems[0].get('errors').toArray()).to.be.empty;
                    done();
                });
            });
        });

        it('action - addItem: adds item to navigationItems', function () {
            let ctrl = this.subject();

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: [
                    NavItem.create({label: 'First', url: '/first', last: true})
                ]}));
            });

            expect(ctrl.get('model.navigation.length')).to.equal(1);

            ctrl.set('newNavItem.label', 'New');
            ctrl.set('newNavItem.url', '/new');

            run(() => {
                ctrl.send('addItem');
            });

            expect(ctrl.get('model.navigation.length')).to.equal(2);
            expect(ctrl.get('model.navigation.lastObject.label')).to.equal('New');
            expect(ctrl.get('model.navigation.lastObject.url')).to.equal('/new');
            expect(ctrl.get('model.navigation.lastObject.isNew')).to.be.false;
            expect(ctrl.get('newNavItem.label')).to.be.blank;
            expect(ctrl.get('newNavItem.url')).to.be.blank;
            expect(ctrl.get('newNavItem.isNew')).to.be.true;
        });

        it('action - addItem: doesn\'t insert new item if last object is incomplete', function () {
            let ctrl = this.subject();

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: [
                    NavItem.create({label: '', url: '', last: true})
                ]}));
                expect(ctrl.get('model.navigation.length')).to.equal(1);
                ctrl.send('addItem');
                expect(ctrl.get('model.navigation.length')).to.equal(1);
            });
        });

        it('action - deleteItem: removes item from navigationItems', function () {
            let ctrl = this.subject();
            let navItems = [
                NavItem.create({label: 'First', url: '/first'}),
                NavItem.create({label: 'Second', url: '/second', last: true})
            ];

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: navItems}));
                expect(ctrl.get('model.navigation').mapBy('label')).to.deep.equal(['First', 'Second']);
                ctrl.send('deleteItem', ctrl.get('model.navigation.firstObject'));
                expect(ctrl.get('model.navigation').mapBy('label')).to.deep.equal(['Second']);
            });
        });

        it('action - reorderItems: updates navigationItems list', function () {
            let ctrl = this.subject();
            let navItems = [
                NavItem.create({label: 'First', url: '/first'}),
                NavItem.create({label: 'Second', url: '/second', last: true})
            ];

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: navItems}));
                expect(ctrl.get('model.navigation').mapBy('label')).to.deep.equal(['First', 'Second']);
                ctrl.send('reorderItems', navItems.reverseObjects());
                expect(ctrl.get('model.navigation').mapBy('label')).to.deep.equal(['Second', 'First']);
            });
        });

        it('action - updateUrl: updates URL on navigationItem', function () {
            let ctrl = this.subject();
            let navItems = [
                NavItem.create({label: 'First', url: '/first'}),
                NavItem.create({label: 'Second', url: '/second', last: true})
            ];

            run(() => {
                ctrl.set('model', EmberObject.create({navigation: navItems}));
                expect(ctrl.get('model.navigation').mapBy('url')).to.deep.equal(['/first', '/second']);
                ctrl.send('updateUrl', '/new', ctrl.get('model.navigation.firstObject'));
                expect(ctrl.get('model.navigation').mapBy('url')).to.deep.equal(['/new', '/second']);
            });
        });
    }
);