mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-15 11:07:00 +02:00
* remove title-number class and consolidate border radius * move selectable card to core addon * add top padding to db cards * update transform icon color * new selectable card component * fix db test * use selectable card in mount backend form * fix query param for overview card * update tests * fix replication card styling * make card accessible; * update tabindex * change to standalone for error handling * update test selector * update tests * go back to number only css class * fix on click tests * add changelog * update class name in template file * delete box radio
42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
const CARD_TITLE = 'Card title';
|
|
const ACTION_TEXT = 'View card';
|
|
const SUBTEXT = 'This is subtext for card';
|
|
|
|
module('Integration | Component overview-card', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
hooks.beforeEach(function () {
|
|
this.set('cardTitle', CARD_TITLE);
|
|
this.set('actionText', ACTION_TEXT);
|
|
this.set('subText', SUBTEXT);
|
|
});
|
|
|
|
test('it returns card title, ', async function (assert) {
|
|
await render(hbs`<OverviewCard @cardTitle={{this.cardTitle}}/>`);
|
|
const titleText = this.element.querySelector('h3').innerText;
|
|
assert.strictEqual(titleText, 'Card title');
|
|
});
|
|
test('it returns card subtext, ', async function (assert) {
|
|
await render(hbs`<OverviewCard @cardTitle={{this.cardTitle}} @subText={{this.subText}} />`);
|
|
const titleText = this.element.querySelector('p').innerText;
|
|
assert.strictEqual(titleText, 'This is subtext for card');
|
|
});
|
|
test('it returns card action text', async function (assert) {
|
|
await render(
|
|
hbs`<OverviewCard @cardTitle={{this.cardTitle}} @actionText={{this.actionText}} @actionTo="route"/>`
|
|
);
|
|
const titleText = this.element.querySelector('a').innerText;
|
|
assert.strictEqual(titleText, 'View card');
|
|
});
|
|
});
|