mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-16 03:27:01 +02:00
d4766766f2
* runs ember-cli-update to 4.4.0 * updates yarn.lock * updates dependencies causing runtime errors (#17135) * Inject Store Service When Accessed Implicitly (#17345) * adds codemod for injecting store service * adds custom babylon parser with decorators-legacy plugin for jscodeshift transforms * updates inject-store-service codemod to only look for .extend object expressions and adds recast options * runs inject-store-service codemod on js files * replace query-params helper with hash (#17404) * Updates/removes dependencies throwing errors in Ember 4.4 (#17396) * updates ember-responsive to latest * updates ember-composable-helpers to latest and uses includes helper since contains was removed * updates ember-concurrency to latest * updates ember-cli-clipboard to latest * temporary workaround for toolbar-link component throwing errors for using params arg with LinkTo * adds missing store injection to auth configure route * fixes issue with string-list component throwing error for accessing prop in same computation * fixes non-iterable query params issue in mfa methods controller * refactors field-to-attrs to handle belongsTo rather than fragments * converts mount-config fragment to belongsTo on auth-method model * removes ember-api-actions and adds tune method to auth-method adapter * converts cluster replication attributes from fragment to relationship * updates ember-data, removes ember-data-fragments and updates yarn to latest * removes fragments from secret-engine model * removes fragment from test-form-model * removes commented out code * minor change to inject-store-service codemod and runs again on js files * Remove LinkTo positional params (#17421) * updates ember-cli-page-object to latest version * update toolbar-link to support link-to args and not positional params * adds replace arg to toolbar-link component * Clean up js lint errors (#17426) * replaces assert.equal to assert.strictEqual * update eslint no-console to error and disables invididual intended uses of console * cleans up hbs lint warnings (#17432) * Upgrade bug and test fixes (#17500) * updates inject-service codemod to take arg for service name and runs for flashMessages service * fixes hbs lint error after merging main * fixes flash messages * updates more deps * bug fixes * test fixes * updates ember-cli-content-security-policy and prevents default form submission throwing errors * more bug and test fixes * removes commented out code * fixes issue with code-mirror modifier sending change event on setup causing same computation error * Upgrade Clean Up (#17543) * updates deprecation workflow and filter * cleans up build errors, removes unused ivy-codemirror and sass and updates ember-cli-sass and node-sass to latest * fixes control groups test that was skipped after upgrade * updates control group service tests * addresses review feedback * updates control group service handleError method to use router.currentURL rather that transition.intent.url * adds changelog entry
85 lines
3.8 KiB
JavaScript
85 lines
3.8 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { findAll, render, triggerEvent } from '@ember/test-helpers';
|
|
import { hbs } from 'ember-cli-htmlbars';
|
|
|
|
module('Integration | Component | clients/horizontal-bar-chart', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
hooks.beforeEach(function () {
|
|
this.set('chartLegend', [
|
|
{ label: 'entity clients', key: 'entity_clients' },
|
|
{ label: 'non-entity clients', key: 'non_entity_clients' },
|
|
]);
|
|
});
|
|
|
|
test('it renders chart and tooltip', async function (assert) {
|
|
const totalObject = { clients: 5, entity_clients: 2, non_entity_clients: 3 };
|
|
const dataArray = [
|
|
{ label: 'second', clients: 3, entity_clients: 1, non_entity_clients: 2 },
|
|
{ label: 'first', clients: 2, entity_clients: 1, non_entity_clients: 1 },
|
|
];
|
|
this.set('totalCounts', totalObject);
|
|
this.set('totalClientAttribution', dataArray);
|
|
|
|
await render(hbs`
|
|
<Clients::HorizontalBarChart
|
|
@dataset={{this.totalClientAttribution}}
|
|
@chartLegend={{this.chartLegend}}
|
|
@totalCounts={{this.totalCounts}}
|
|
/>`);
|
|
|
|
assert.dom('[data-test-horizontal-bar-chart]').exists();
|
|
const dataBars = findAll('[data-test-horizontal-bar-chart] rect.data-bar');
|
|
const actionBars = findAll('[data-test-horizontal-bar-chart] rect.action-bar');
|
|
|
|
assert.strictEqual(actionBars.length, dataArray.length, 'renders correct number of hover bars');
|
|
assert.strictEqual(dataBars.length, dataArray.length * 2, 'renders correct number of data bars');
|
|
|
|
const textLabels = this.element.querySelectorAll('[data-test-horizontal-bar-chart] .tick text');
|
|
const textTotals = this.element.querySelectorAll('[data-test-horizontal-bar-chart] text.total-value');
|
|
textLabels.forEach((label, index) => {
|
|
assert.dom(label).hasText(dataArray[index].label, 'label renders correct text');
|
|
});
|
|
textTotals.forEach((label, index) => {
|
|
assert.dom(label).hasText(`${dataArray[index].clients}`, 'total value renders correct number');
|
|
});
|
|
for (let [i, bar] of actionBars.entries()) {
|
|
let percent = Math.round((dataArray[i].clients / totalObject.clients) * 100);
|
|
await triggerEvent(bar, 'mouseover');
|
|
let tooltip = document.querySelector('.ember-modal-dialog');
|
|
assert.dom(tooltip).includesText(`${percent}%`, 'tooltip renders correct percentage');
|
|
}
|
|
});
|
|
|
|
test('it renders data with a large range', async function (assert) {
|
|
const totalObject = { clients: 5929393, entity_clients: 1391997, non_entity_clients: 4537396 };
|
|
const dataArray = [
|
|
{ label: 'second', clients: 5929093, entity_clients: 1391896, non_entity_clients: 4537100 },
|
|
{ label: 'first', clients: 300, entity_clients: 101, non_entity_clients: 296 },
|
|
];
|
|
this.set('totalCounts', totalObject);
|
|
this.set('totalClientAttribution', dataArray);
|
|
|
|
await render(hbs`
|
|
<Clients::HorizontalBarChart
|
|
@dataset={{this.totalClientAttribution}}
|
|
@chartLegend={{this.chartLegend}}
|
|
@totalCounts={{this.totalCounts}}
|
|
/>`);
|
|
|
|
assert.dom('[data-test-horizontal-bar-chart]').exists();
|
|
const dataBars = findAll('[data-test-horizontal-bar-chart] rect.data-bar');
|
|
const actionBars = findAll('[data-test-horizontal-bar-chart] rect.action-bar');
|
|
|
|
assert.strictEqual(actionBars.length, dataArray.length, 'renders correct number of hover bars');
|
|
assert.strictEqual(dataBars.length, dataArray.length * 2, 'renders correct number of data bars');
|
|
|
|
for (let [i, bar] of actionBars.entries()) {
|
|
let percent = Math.round((dataArray[i].clients / totalObject.clients) * 100);
|
|
await triggerEvent(bar, 'mouseover');
|
|
let tooltip = document.querySelector('.ember-modal-dialog');
|
|
assert.dom(tooltip).includesText(`${percent}%`, 'tooltip renders correct percentage');
|
|
}
|
|
});
|
|
});
|