vault/ui/tests/integration/components/sync-status-badge-test.js
Angel Garbarino 077c70fc1f
Enabling Secrets Sync for HVD (#26841)
* Allow Managed clusters to see Secrets Sync Overview and Sidebar nav (#26649)

* update badge text and allow hvd on secrets sync views

* update logic in Secrets Sync overview and cta for hvd.

* spacing

* rearrange based on pr feedback

* fix return on badgeText and cluster nav test

* fix landing cta tests

* update test to reflect new changes

* moved call to feature-flags from application route to the service to match patterns

* add managed test coverage on overview component test and remove premium feature so cta message appplies to both managed and non-managed clusters

* missed service name and unskip admin test

* clean up

* fix tests

* flags test fix

* Rename isManaged and managedNamespaceRoot (#26697)

* renames

* lowercase HVD to match

* missed some

* test failure

* [Secrets Sync] enable access to Sync clients page for HVD clusters (#26713)

* feat: split client counts navbar into separate component

* acceptance/clients/counts/overview-test: remove tests now covered by int tests

* clients counts route: rename isSecretsSyncActivated to showSecretsSync

* sync clients page: show unactivated state unless sync client history or feature is activated

* client counts navbar: show sync tab only if client history or is /able to be/ activated

* clients overview page: only show sync charts if activated

* fix: rename isManaged to isHvd

* acceptance/counts/overview-test: add HVD tests

* acceptance/counts/overview-test: clean up unused cruft

* aceptance/clients/counts/overview-test: ensure we dont get false negatives

* chore: move Clients::Error to Clients::Counts::Error

* chore: calculate showSecretSync in page component instead of route

* chore: add copyright headers

* acceptance/clients/counts/overview-test: stub activated flags to fix test

* [Secrets sync] update sync test selectors (#26824)

* acceptance/clients/counts/overview-test: use imported test selectors

* general-selectors: add missing emptyStateSubtitle property

* acceptance/clients/counts/sync: nest tests in top level module for easier test runs

* Add permissions check to show/hide activate button (#26840)

* add permissions check to flags service and consume in overview template

* add back missing refresh

* fix test failures

* add test coverage

* clean up

* address flaky test

* grr

* address test failures

* add changelog

* try to fix test failure only on gh

* fix fetch to match previous implementation of feature-flags

* fix failing test

* update comment

---------

Co-authored-by: Noelle Daley <noelledaley@users.noreply.github.com>
Co-authored-by: clairebontempo@gmail.com <clairebontempo@gmail.com>
2024-05-09 15:11:26 -06:00

57 lines
2.2 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import { render } from '@ember/test-helpers';
import { PAGE } from 'vault/tests/helpers/sync/sync-selectors';
import { toLabel } from 'core/helpers/to-label';
module('Integration | Component | SyncStatusBadge', function (hooks) {
setupRenderingTest(hooks);
const SYNC_STATUSES = {
SYNCING: { icon: 'sync', color: 'neutral' },
SYNCED: { icon: 'check-circle', color: 'success' },
UNSYNCING: { icon: 'sync-reverse', color: 'neutral' },
UNSYNCED: { icon: 'sync-alert', color: 'warning' },
INTERNAL_VAULT_ERROR: { icon: 'x-circle', color: 'critical' },
CLIENT_SIDE_ERROR: { icon: 'x-circle', color: 'critical' },
EXTERNAL_SERVICE_ERROR: { icon: 'x-circle', color: 'critical' },
UNKNOWN: { icon: 'help', color: 'neutral' },
};
hooks.beforeEach(function () {
this.version = this.owner.lookup('service:version');
this.version.version = '1.16.0+ent';
this.status = 'Some unaccounted for status';
this.renderComponent = () => {
return render(hbs`<SyncStatusBadge @status={{this.status}} data-test-badge />`);
};
});
test('it should render when status does not exist', async function (assert) {
assert.expect(2);
await this.renderComponent();
assert.dom(PAGE.badgeText.icon('help')).exists('renders help icon');
assert.dom(PAGE.badgeText.text).hasText(this.status);
});
test('it renders badge and icon for each status type', async function (assert) {
assert.expect(24);
for (const status in SYNC_STATUSES) {
this.status = status;
const label = toLabel([status]);
const { icon, color } = SYNC_STATUSES[status];
await this.renderComponent();
assert.dom(PAGE.badgeText.icon(icon)).exists(`status: ${status} renders icon: ${icon}`);
assert.dom(PAGE.badgeText.text).hasText(label, `status: ${status} renders label: ${label}`);
assert
.dom('[data-test-badge]')
.hasClass(`hds-badge--color-${color}`, `status: ${status} renders color: ${color}`);
}
});
});