vault/ui/tests/unit/adapters/clients-activity-test.js
claire bontempo fbed961190
UI: combine current + history client count tabs into one dashboard (#17575)
* WIP/initial routing-ish

* refactor date dropdown to reuse in modal and allowe current month selection

* swap linter disable line

* refactor date-dropdown to return object

* refactor calendar widget, add tests

* change calendar start and end args to getters

* refactor dashboard to use date objects instead of array of year, month

* remove dashboard files for easier to follow git diff

* comment out dashboard tab until route name updated

* delete current tab and route

* fix undefined banner time

* cleanup version history serializer and upgrade data

* first pass of updating tests

* add changelog

* update client count util test

* validate end time is after start time

* update comment

* add current month to calendar widget

* add comments for code changes to make following API update

* Removed a modified file from pull request

* address comments/cleanup

* update variables to const

* update test const

* rename history -> dashboard, fix tests

* fix timestamps for attribution chart

* update release note

* refactor using backend start and end time params

* add test for adapter formatting time params

* fix tests

* cleanup adapter comment and query params

* change back history file name for diff

* rename file using cli

* revert filenames

* rename files via git cli

* revert route file name

* last cli rename

* refactor mirage

* hold off on running total changes

* update params in test

* refactor to remove conditional assertions

* finish tests

* fix firefox tooltip

* remove current-when

* refactor version history

* add timezone/UTC note

* final cleanup!!!!

* fix test

* fix client count date tests

* fix date-dropdown test

* clear datedropdown completely

* update date selectors to accommodate new year (#18586)

* Revert "hold off on running total changes"

This reverts commit 8dc79a626d549df83bc47e290392a556c670f98f.

* remove assumed 0 values

* update average helper to only calculate for array of objects

* remove passing in bar chart data, map in running totals component instead

* cleanup usage stat component

* clear  ss filters for new queries

* update csv export, add explanation to modal

* update test copy

* consistently return null if no upgrade during activity (instead of empty array)

* update description, add clarifying comments

* update tes

* add more clarifying comments

* fix historic single month chart

* remove old test tag

* Update ui/app/components/clients/dashboard.js
2023-01-26 18:21:12 -08:00

133 lines
4.6 KiB
JavaScript

import { module, test } from 'qunit';
import { setupTest } from 'ember-qunit';
import { setupMirage } from 'ember-cli-mirage/test-support';
import { lastDayOfMonth, subMonths, format, fromUnixTime, addMonths } from 'date-fns';
import { parseAPITimestamp, ARRAY_OF_MONTHS } from 'core/utils/date-formatters';
module('Unit | Adapter | clients activity', function (hooks) {
setupTest(hooks);
setupMirage(hooks);
hooks.beforeEach(function () {
this.store = this.owner.lookup('service:store');
this.modelName = 'clients/activity';
this.startDate = subMonths(new Date(), 6);
this.endDate = new Date();
this.readableUnix = (unix) => parseAPITimestamp(fromUnixTime(unix).toISOString(), 'MMMM dd yyyy');
});
test('it does not format if both params are timestamp strings', async function (assert) {
assert.expect(1);
const queryParams = {
start_time: { timestamp: this.startDate.toISOString() },
end_time: { timestamp: this.endDate.toISOString() },
};
this.server.get('sys/internal/counters/activity', (schema, req) => {
assert.propEqual(req.queryParams, {
start_time: this.startDate.toISOString(),
end_time: this.endDate.toISOString(),
});
});
this.store.queryRecord(this.modelName, queryParams);
});
test('it formats start_time if only end_time is a timestamp string', async function (assert) {
assert.expect(2);
const twoMonthsAhead = addMonths(this.startDate, 2);
const month = twoMonthsAhead.getMonth();
const year = twoMonthsAhead.getFullYear();
const queryParams = {
start_time: {
monthIdx: month,
year,
},
end_time: {
timestamp: this.endDate.toISOString(),
},
};
this.server.get('sys/internal/counters/activity', (schema, req) => {
const { start_time, end_time } = req.queryParams;
const readableStart = this.readableUnix(start_time);
assert.strictEqual(
readableStart,
`${ARRAY_OF_MONTHS[month]} 01 ${year}`,
`formatted unix start time is the first of the month: ${readableStart}`
);
assert.strictEqual(end_time, this.endDate.toISOString(), 'end time is a timestamp string');
});
this.store.queryRecord(this.modelName, queryParams);
});
test('it formats end_time only if only start_time is a timestamp string', async function (assert) {
assert.expect(2);
const twoMothsAgo = subMonths(this.endDate, 2);
const month = twoMothsAgo.getMonth() - 2;
const year = twoMothsAgo.getFullYear();
const dayOfMonth = format(lastDayOfMonth(new Date(year, month, 10)), 'dd');
const queryParams = {
start_time: {
timestamp: this.startDate.toISOString(),
},
end_time: {
monthIdx: month,
year,
},
};
this.server.get('sys/internal/counters/activity', (schema, req) => {
const { start_time, end_time } = req.queryParams;
const readableEnd = this.readableUnix(end_time);
assert.strictEqual(start_time, this.startDate.toISOString(), 'start time is a timestamp string');
assert.strictEqual(
readableEnd,
`${ARRAY_OF_MONTHS[month]} ${dayOfMonth} ${year}`,
`formatted unix end time is the last day of the month: ${readableEnd}`
);
});
this.store.queryRecord(this.modelName, queryParams);
});
test('it formats both params if neither are a timestamp', async function (assert) {
assert.expect(2);
const startDate = subMonths(this.startDate, 2);
const endDate = addMonths(this.endDate, 2);
const startMonth = startDate.getMonth() + 2;
const startYear = startDate.getFullYear();
const endMonth = endDate.getMonth() - 2;
const endYear = endDate.getFullYear();
const endDay = format(lastDayOfMonth(new Date(endYear, endMonth, 10)), 'dd');
const queryParams = {
start_time: {
monthIdx: startMonth,
year: startYear,
},
end_time: {
monthIdx: endMonth,
year: endYear,
},
};
this.server.get('sys/internal/counters/activity', (schema, req) => {
const { start_time, end_time } = req.queryParams;
const readableEnd = this.readableUnix(end_time);
const readableStart = this.readableUnix(start_time);
assert.strictEqual(
readableStart,
`${ARRAY_OF_MONTHS[startMonth]} 01 ${startYear}`,
`formatted unix start time is the first of the month: ${readableStart}`
);
assert.strictEqual(
readableEnd,
`${ARRAY_OF_MONTHS[endMonth]} ${endDay} ${endYear}`,
`formatted unix end time is the last day of the month: ${readableEnd}`
);
});
this.store.queryRecord(this.modelName, queryParams);
});
});