mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-10-31 02:28:09 +00:00
2c7cadb731
metrics route takes start and end params and passes to the date display field, as well as the route's API call
86 lines
3.2 KiB
JavaScript
86 lines
3.2 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import { subMonths, startOfToday, format } from 'date-fns';
|
|
|
|
module('Integration | Component | pricing-metrics-dates', function(hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('by default it sets the start and end inputs', async function(assert) {
|
|
const expectedEnd = subMonths(startOfToday(), 1);
|
|
const expectedStart = subMonths(expectedEnd, 12);
|
|
await render(hbs`
|
|
<PricingMetricsDates />
|
|
`);
|
|
assert.dom('[data-test-end-input]').hasValue(format(expectedEnd, 'MM/YYYY'), 'End input is last month');
|
|
assert
|
|
.dom('[data-test-start-input]')
|
|
.hasValue(format(expectedStart, 'MM/YYYY'), 'Start input is 12 months before last month');
|
|
});
|
|
|
|
test('On init if end date passed, start is calculated', async function(assert) {
|
|
const expectedStart = subMonths(new Date(2020, 8, 15), 12);
|
|
this.set('queryEnd', '09-2020');
|
|
await render(hbs`
|
|
<PricingMetricsDates @queryEnd={{queryEnd}} />
|
|
`);
|
|
assert.dom('[data-test-end-input]').hasValue('09/2020', 'End input matches query');
|
|
assert
|
|
.dom('[data-test-start-input]')
|
|
.hasValue(format(expectedStart, 'MM/YYYY'), 'Start input is 12 months before end input');
|
|
});
|
|
|
|
test('On init if query start date passed, end is default', async function(assert) {
|
|
const expectedEnd = subMonths(startOfToday(), 1);
|
|
this.set('queryStart', '01-2020');
|
|
await render(hbs`
|
|
<PricingMetricsDates @queryStart={{queryStart}} />
|
|
`);
|
|
assert.dom('[data-test-end-input]').hasValue(format(expectedEnd, 'MM/YYYY'), 'End input is last month');
|
|
assert.dom('[data-test-start-input]').hasValue('01/2020', 'Start input matches query');
|
|
});
|
|
|
|
test('If result and query dates are within 1 day, warning is not shown', async function(assert) {
|
|
this.set('resultStart', new Date(2020, 1, 1));
|
|
this.set('resultEnd', new Date(2020, 9, 31));
|
|
await render(hbs`
|
|
<PricingMetricsDates
|
|
@queryStart="2-2020"
|
|
@queryEnd="10-2020"
|
|
@resultStart={{resultStart}}
|
|
@resultEnd={{resultEnd}}
|
|
/>
|
|
`);
|
|
assert.dom('[data-test-results-date-warning]').doesNotExist('Does not show result states warning');
|
|
});
|
|
|
|
test('If result and query start dates are > 1 day apart, warning is shown', async function(assert) {
|
|
this.set('resultStart', new Date(2020, 1, 20));
|
|
this.set('resultEnd', new Date(2020, 9, 31));
|
|
await render(hbs`
|
|
<PricingMetricsDates
|
|
@queryStart="2-2020"
|
|
@queryEnd="10-2020"
|
|
@resultStart={{resultStart}}
|
|
@resultEnd={{resultEnd}}
|
|
/>
|
|
`);
|
|
assert.dom('[data-test-results-date-warning]').exists('shows states warning');
|
|
});
|
|
|
|
test('If result and query end dates are > 1 day apart, warning is shown', async function(assert) {
|
|
this.set('resultStart', new Date(2020, 1, 1));
|
|
this.set('resultEnd', new Date(2020, 9, 15));
|
|
await render(hbs`
|
|
<PricingMetricsDates
|
|
@queryStart="2-2020"
|
|
@queryEnd="10-2020"
|
|
@resultStart={{resultStart}}
|
|
@resultEnd={{resultEnd}}
|
|
/>
|
|
`);
|
|
assert.dom('[data-test-results-date-warning]').exists('shows states warning');
|
|
});
|
|
});
|