Ghost/ghost/admin/tests/unit/components/gh-selectize-test.js
Kevin Ansfield 48c0a3e097 Drag-n-drop re-ordering of tags in post settings menu
refs #5976
- adds `onChange` handler to `gh-selectize` component to update the `selection` property when selectize's value is changed (eg, by the drag_drop plugin updating the order)
- adds the `drag_drop` plugin to the list of selectize plugins used by the tags input on the post settings menu
2015-10-26 18:05:25 +00:00

40 lines
1.1 KiB
JavaScript

/* jshint expr:true */
import { expect } from 'chai';
import {
describeComponent,
it
} from 'ember-mocha';
import Ember from 'ember';
const {run} = Ember;
describeComponent(
'gh-selectize',
'Unit: Component: gh-selectize',
{
// Specify the other units that are required for this test
// needs: ['component:foo', 'helper:bar'],
unit: true
},
function () {
it('re-orders selection when selectize order is changed', function () {
const component = this.subject();
run(() => {
component.set('content', Ember.A(['item 1', 'item 2', 'item 3']));
component.set('selection', Ember.A(['item 2', 'item 3']));
component.set('multiple', true);
});
this.render();
run(() => {
component._selectize.setValue(['item 3', 'item 2']);
});
expect(component.get('value'), 'component value').to.deep.equal(['item 3', 'item 2']);
expect(component.get('selection'), 'component selection').to.deep.equal(['item 3', 'item 2']);
});
}
);