vault/ui/tests/integration/components/overview-card-test.js
claire bontempo a5b60cd8cc
UI: move selectable card to add-on (#23739)
* 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
2023-10-20 15:10:49 -07:00

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');
});
});