Add tests for contributions-by-type chart
This commit is contained in:
@@ -6,21 +6,24 @@ import hbs from 'htmlbars-inline-precompile';
|
|||||||
module('Integration | Component | chart-contributions-by-type', function(hooks) {
|
module('Integration | Component | chart-contributions-by-type', function(hooks) {
|
||||||
setupRenderingTest(hooks);
|
setupRenderingTest(hooks);
|
||||||
|
|
||||||
test('it renders', async function(assert) {
|
let proposals = [
|
||||||
// Set any properties with this.set('myProperty', 'value');
|
{ kind: 'dev', amount: 500 },
|
||||||
// Handle any actions with this.set('myAction', function(val) { ... });
|
{ kind: 'dev', amount: 1500 },
|
||||||
|
{ kind: 'ops', amount: 1500 },
|
||||||
|
{ kind: 'design', amount: 5000 },
|
||||||
|
{ kind: 'ops', amount: 1500 },
|
||||||
|
{ kind: 'dev', amount: 5000 },
|
||||||
|
{ kind: 'community', amount: 5000 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
];
|
||||||
|
|
||||||
await render(hbs`{{chart-contributions-by-type}}`);
|
test('it renders', async function(assert) {
|
||||||
|
this.set('proposals', proposals);
|
||||||
|
|
||||||
|
await render(hbs`{{chart-contributions-by-type contributions=proposals}}`);
|
||||||
|
|
||||||
assert.equal(this.element.textContent.trim(), '');
|
assert.equal(this.element.textContent.trim(), '');
|
||||||
|
|
||||||
// Template block usage:
|
|
||||||
await render(hbs`
|
|
||||||
{{#chart-contributions-by-type}}
|
|
||||||
template block text
|
|
||||||
{{/chart-contributions-by-type}}
|
|
||||||
`);
|
|
||||||
|
|
||||||
assert.equal(this.element.textContent.trim(), 'template block text');
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,37 @@
|
|||||||
|
import { module, test } from 'qunit';
|
||||||
|
import { setupTest } from 'ember-qunit';
|
||||||
|
|
||||||
|
module('Unit | Component | chart-contributions-by-type', function(hooks) {
|
||||||
|
setupTest(hooks);
|
||||||
|
|
||||||
|
let proposals = [
|
||||||
|
{ kind: 'dev', amount: 500 },
|
||||||
|
{ kind: 'dev', amount: 1500 },
|
||||||
|
{ kind: 'ops', amount: 1500 },
|
||||||
|
{ kind: 'design', amount: 5000 },
|
||||||
|
{ kind: 'ops', amount: 1500 },
|
||||||
|
{ kind: 'dev', amount: 5000 },
|
||||||
|
{ kind: 'community', amount: 5000 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
{ kind: 'docs', amount: 500 },
|
||||||
|
];
|
||||||
|
|
||||||
|
test('#chartData', function(assert) {
|
||||||
|
let component = this.owner.factoryFor('component:chart-contributions-by-type').create();
|
||||||
|
component.set('contributions', proposals);
|
||||||
|
|
||||||
|
let data = component.get('chartData');
|
||||||
|
|
||||||
|
assert.deepEqual(
|
||||||
|
data.labels,
|
||||||
|
['Community', 'Design', 'Development', 'Operations & Infrastructure', 'Documentation'],
|
||||||
|
'returns the correct labels'
|
||||||
|
);
|
||||||
|
assert.deepEqual(
|
||||||
|
data.datasets[0].data,
|
||||||
|
[5000, 5000, 7000, 3000, 1500],
|
||||||
|
'returns the correct kredit sums'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user