vault/ui/tests/helpers/clients/client-count-selectors.ts
lane-wetmore 2e6d5b0703
UI: Replace Client Count Attribution Charts with Table (#30678)
* replace attribution charts with a table by month

* update tests to include mount_type

* fix another portion of tests that were missing secret sync stat and testing for old attribution charts

* add tests for attribution table

* add changelog and tidy

* remove remaining todos

* tidy

* reset month query param in ce

* fix tests missing month param

* add margin to pagination in accordance to helios rec

* remove query param, update change log, move table into own comp

* remove commented code

* remove month query params

* tidy

* update test mount paths

* remove unused client attribution component

* update tests
2025-05-23 15:58:48 +00:00

64 lines
2.6 KiB
TypeScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
// TODO: separate nested into distinct exported consts
export const CLIENT_COUNT = {
counts: {
description: '[data-test-counts-description]',
configDisabled: '[data-test-counts-disabled]',
namespaces: '[data-test-counts-namespaces]',
mountPaths: '[data-test-counts-auth-mounts]',
startDiscrepancy: '[data-test-counts-start-discrepancy]',
},
dateRange: {
dropdownOption: (idx = 0) => `[data-test-date-range-billing-start="${idx}"]`,
dateDisplay: (name: string) => (name ? `[data-test-date-range="${name}"]` : '[data-test-date-range]'),
edit: '[data-test-date-range-edit]',
editModal: '[data-test-date-range-edit-modal]',
editDate: (name: string) => `[data-test-date-edit="${name}"]`,
reset: '[data-test-date-edit="reset"]',
defaultRangeAlert: '[data-test-range-default-alert]',
validation: '[data-test-date-range-validation]',
},
statText: (label: string) => `[data-test-stat-text="${label}"]`,
statTextValue: (label: string) =>
label ? `[data-test-stat-text="${label}"] .stat-value` : '[data-test-stat-text]',
usageStats: (title: string) => `[data-test-usage-stats="${title}"]`,
attribution: {
card: '[data-test-card="attribution"]',
table: '[data-test-clients-attribution-table]',
row: '[data-test-attribution-table-row',
counts: (index: number) => `[data-test-attribution-table-counts="${index}"]`,
pagination: '[data-test-pagination',
paginationInfo: '.hds-pagination-info',
},
filterBar: '[data-test-clients-filter-bar]',
nsFilter: '#namespace-search-select',
mountFilter: '#mounts-search-select',
selectedAuthMount: 'div#mounts-search-select [data-test-selected-option] div',
selectedNs: 'div#namespace-search-select [data-test-selected-option] div',
upgradeWarning: '[data-test-clients-upgrade-warning]',
exportButton: '[data-test-export-button]',
};
export const CHARTS = {
// container
container: (title: string) => `[data-test-chart-container="${title}"]`,
timestamp: '[data-test-chart-container-timestamp]',
legend: '[data-test-chart-container-legend]',
legendLabel: (nth: number) => `.legend-label:nth-child(${nth * 2})`, // nth * 2 accounts for dots in legend
// chart elements
chart: (title: string) => `[data-test-chart="${title}"]`,
hover: (area: string) => `[data-test-interactive-area="${area}"]`,
table: '[data-test-underlying-data]',
tooltip: '[data-test-tooltip]',
verticalBar: '[data-test-vertical-bar]',
xAxis: '[data-test-x-axis]',
yAxis: '[data-test-y-axis]',
xAxisLabel: '[data-test-x-axis] text',
plotPoint: '[data-test-plot-point]',
};