112 lines
2.9 KiB
JavaScript
112 lines
2.9 KiB
JavaScript
|
import { moduleForComponent, test } from 'ember-qunit';
|
||
|
|
import hbs from 'htmlbars-inline-precompile';
|
||
|
|
import Ember from 'ember';
|
||
|
|
|
||
|
|
let response = {
|
||
|
|
progress: 1,
|
||
|
|
required: 3,
|
||
|
|
complete: false,
|
||
|
|
};
|
||
|
|
|
||
|
|
let percent = () => {
|
||
|
|
const percent = response.progress / response.required * 100;
|
||
|
|
return percent.toFixed(4);
|
||
|
|
};
|
||
|
|
|
||
|
|
let adapter = {
|
||
|
|
foo() {
|
||
|
|
return Ember.RSVP.resolve(response);
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
const storeStub = Ember.Service.extend({
|
||
|
|
adapterFor() {
|
||
|
|
return adapter;
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
moduleForComponent('shamir-flow', 'Integration | Component | shamir flow', {
|
||
|
|
integration: true,
|
||
|
|
beforeEach: function() {
|
||
|
|
this.register('service:store', storeStub);
|
||
|
|
this.inject.service('store', { as: 'storeService' });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
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`{{shamir-flow formText="like whoa"}}`);
|
||
|
|
|
||
|
|
assert.equal(this.$('form p').text().trim(), 'like whoa', 'renders formText inline');
|
||
|
|
|
||
|
|
// Template block usage:
|
||
|
|
this.render(hbs`
|
||
|
|
{{#shamir-flow formText="like whoa"}}
|
||
|
|
<p>whoa again</p>
|
||
|
|
{{/shamir-flow}}
|
||
|
|
`);
|
||
|
|
|
||
|
|
assert.equal(this.$('.shamir-progress').length, 0, 'renders no progress bar for no progress');
|
||
|
|
assert.equal(this.$('form p').text().trim(), 'whoa again', 'renders the block, not formText');
|
||
|
|
|
||
|
|
this.render(hbs`
|
||
|
|
{{shamir-flow progress=1 threshold=5}}
|
||
|
|
`);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
this.$('.shamir-progress .progress').val(),
|
||
|
|
1 / 5 * 100,
|
||
|
|
'renders progress bar with the appropriate value'
|
||
|
|
);
|
||
|
|
|
||
|
|
this.set('errors', ['first error', 'this is fine']);
|
||
|
|
this.render(hbs`
|
||
|
|
{{shamir-flow errors=errors}}
|
||
|
|
`);
|
||
|
|
assert.equal(this.$('.message.is-danger').length, 2, 'renders errors');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('it sends data to the passed action', function(assert) {
|
||
|
|
this.set('key', 'foo');
|
||
|
|
this.render(hbs`
|
||
|
|
{{shamir-flow key=key action='foo' thresholdPath='required'}}
|
||
|
|
`);
|
||
|
|
this.$('[data-test-shamir-submit]').click();
|
||
|
|
assert.equal(
|
||
|
|
this.$('.shamir-progress .progress').val(),
|
||
|
|
percent(),
|
||
|
|
'renders progress bar with correct percent value'
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('it checks onComplete to call onShamirSuccess', function(assert) {
|
||
|
|
this.set('key', 'foo');
|
||
|
|
this.set('onSuccess', function() {
|
||
|
|
assert.ok(true, 'onShamirSuccess called');
|
||
|
|
});
|
||
|
|
|
||
|
|
this.set('checkComplete', function() {
|
||
|
|
assert.ok(true, 'onComplete called');
|
||
|
|
// return true so we trigger success call
|
||
|
|
return true;
|
||
|
|
});
|
||
|
|
|
||
|
|
this.render(hbs`
|
||
|
|
{{shamir-flow key=key action='foo' isComplete=(action checkComplete) onShamirSuccess=(action onSuccess)}}
|
||
|
|
`);
|
||
|
|
this.$('[data-test-shamir-submit]').click();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('it fetches progress on init when fetchOnInit is true', function(assert) {
|
||
|
|
this.render(hbs`
|
||
|
|
{{shamir-flow action='foo' fetchOnInit=true}}
|
||
|
|
`);
|
||
|
|
assert.equal(
|
||
|
|
this.$('.shamir-progress .progress').val(),
|
||
|
|
percent(),
|
||
|
|
'renders progress bar with correct percent value'
|
||
|
|
);
|
||
|
|
});
|