mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 14:03:48 +03:00
0e2f4ea33e
no issue - moves the `NavItem` object from the navigation controller to an explicit `NavigationItem` model file - adds a custom transform `navigation-settings` that transforms the navigation settings JSON string to/from an array of `NavigationItem` objects - simplifies the `settings/navigation` controller as it no longer has to export it's own internal model and handle serialization and deserialization This pattern should also help simplify the apps/slack integration code if implemented there.
76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
/* jshint expr:true */
|
|
import { expect } from 'chai';
|
|
import { describeComponent, it } from 'ember-mocha';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import Ember from 'ember';
|
|
import NavItem from 'ghost/models/navigation-item';
|
|
|
|
const {run} = Ember;
|
|
|
|
describeComponent(
|
|
'gh-navigation',
|
|
'Integration: Component: gh-navigation',
|
|
{
|
|
integration: true
|
|
},
|
|
function () {
|
|
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(() => {
|
|
Ember.$(this.$('.gh-blognav-item')[1]).simulateDragSortable({
|
|
move: -1,
|
|
handle: '.gh-blognav-grab'
|
|
});
|
|
});
|
|
|
|
// move second item down one
|
|
expectedOldIndex = 1;
|
|
expectedNewIndex = 2;
|
|
run(() => {
|
|
Ember.$(this.$('.gh-blognav-item')[1]).simulateDragSortable({
|
|
move: 1,
|
|
handle: '.gh-blognav-grab'
|
|
});
|
|
});
|
|
});
|
|
}
|
|
);
|