Ghost/ghost/admin/tests/integration/components/gh-navigation-test.js

/* jshint expr:true */
import {expect} from 'chai';
import {describe, it} from 'mocha';
import {setupComponentTest} from 'ember-mocha';
import hbs from 'htmlbars-inline-precompile';
import $ from 'jquery';
import run from 'ember-runloop';
import NavItem from 'ghost-admin/models/navigation-item';

describe('Integration: Component: gh-navigation', function () {
    setupComponentTest('gh-navigation', {
        integration: true
    });

    it('renders', function () {
        this.render(hbs`{{#gh-navigation}}<div class="js-gh-blognav"><div class="gh-blognav-item"></div></div>{{/gh-navigation}}`);
        expect(this.$('section.gh-view')).to.have.length(1);
        expect(this.$('.ui-sortable')).to.have.length(1);
    });

    it('triggers reorder action', function () {
        let navItems = [];
        let expectedOldIndex = -1;
        let expectedNewIndex = -1;

        navItems.pushObject(NavItem.create({label: 'First', url: '/first'}));
        navItems.pushObject(NavItem.create({label: 'Second', url: '/second'}));
        navItems.pushObject(NavItem.create({label: 'Third', url: '/third'}));
        navItems.pushObject(NavItem.create({label: '', url: '', last: true}));
        this.set('navigationItems', navItems);
        this.set('blogUrl', 'http://localhost:2368');

        this.on('moveItem', (oldIndex, newIndex) => {
            expect(oldIndex).to.equal(expectedOldIndex);
            expect(newIndex).to.equal(expectedNewIndex);
        });

        run(() => {
            this.render(hbs `
            {{#gh-navigation moveItem="moveItem"}}
                <form id="settings-navigation" class="gh-blognav js-gh-blognav" novalidate="novalidate">
                    {{#each navigationItems as |navItem|}}
                        {{gh-navitem navItem=navItem baseUrl=blogUrl addItem="addItem" deleteItem="deleteItem" updateUrl="updateUrl"}}
                    {{/each}}
                </form>
            {{/gh-navigation}}`);
        });

        // check it renders the nav item rows
        expect(this.$('.gh-blognav-item')).to.have.length(4);

        // move second item up one
        expectedOldIndex = 1;
        expectedNewIndex = 0;
        run(() => {
            $(this.$('.gh-blognav-item')[1]).simulateDragSortable({
                move: -1,
                handle: '.gh-blognav-grab'
            });
        });

        // move second item down one
        expectedOldIndex = 1;
        expectedNewIndex = 2;
        run(() => {
            $(this.$('.gh-blognav-item')[1]).simulateDragSortable({
                move: 1,
                handle: '.gh-blognav-grab'
            });
        });
    });
});