mirror of https://github.com/hashicorp/consul
51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
|
import { moduleForComponent, test } from 'ember-qunit';
|
||
|
|
import hbs from 'htmlbars-inline-precompile';
|
||
|
|
|
||
|
|
moduleForComponent('sort-control', 'Integration | Component | sort control', {
|
||
|
|
integration: true,
|
||
|
|
});
|
||
|
|
|
||
|
|
test('it renders', function(assert) {
|
||
|
|
// Set any properties with this.set('myProperty', 'value');
|
||
|
|
// Handle any actions with this.on('myAction', function(val) { ... });
|
||
|
|
|
||
|
|
this.render(hbs`{{sort-control}}`);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
this.$()
|
||
|
|
.text()
|
||
|
|
.trim(),
|
||
|
|
''
|
||
|
|
);
|
||
|
|
|
||
|
|
// Template block usage:
|
||
|
|
this.render(hbs`
|
||
|
|
{{#sort-control}}
|
||
|
|
template block text
|
||
|
|
{{/sort-control}}
|
||
|
|
`);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
this.$()
|
||
|
|
.text()
|
||
|
|
.trim(),
|
||
|
|
'template block text'
|
||
|
|
);
|
||
|
|
});
|
||
|
|
test('it changes direction and calls onchange when clicked/activated', function(assert) {
|
||
|
|
assert.expect(2);
|
||
|
|
let count = 0;
|
||
|
|
this.on('change', e => {
|
||
|
|
if (count === 0) {
|
||
|
|
assert.equal(e.target.value, 'sort:desc');
|
||
|
|
} else {
|
||
|
|
assert.equal(e.target.value, 'sort:asc');
|
||
|
|
}
|
||
|
|
count++;
|
||
|
|
});
|
||
|
|
this.render(hbs`{{sort-control checked=true value='sort' onchange=(action 'change')}}`);
|
||
|
|
const $label = this.$('label');
|
||
|
|
$label.trigger('click');
|
||
|
|
$label.trigger('click');
|
||
|
|
});
|