Files
threshold-ui/ui/admin/tests/integration/components/link-list-panel/index-test.js
T
lisbet-alvarez 7080b07ab3 Link list panel component (#182)
* chore: 🤖 update parent branch

* chore: 🤖 fix merge conflict

* chore: 🤖 merge conflict

* refactor: 💡 merge conflict

* chore: 🤖 update branch

* fix: 🐛 translation

* refactor: 💡 use <ul> & <li> and make entire row a link
2023-04-03 18:12:44 -07:00

29 lines
991 B
JavaScript

import { module, test } from 'qunit';
import { setupRenderingTest } from 'admin/tests/helpers';
import { render } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
module('Integration | Component | link-list-panel/index', function (hooks) {
setupRenderingTest(hooks);
test('it renders with icons and text', async function (assert) {
assert.expect(5);
await render(hbs`
<LinkListPanel as |P|>
<P.Item @icon='cloud-upload' @text='Storage Bucket' @route='scopes.scope.storage-buckets'>
<Hds::Badge
@text='AWS S3'
@icon='aws-color'
/>
</P.Item>
</LinkListPanel>
`);
assert.dom('[data-test-icon="cloud-upload"]').isVisible();
assert.dom('[data-test-icon="chevron-right"]').isVisible();
assert.dom('[data-test-icon="aws-color"]').isVisible();
assert.dom('.hds-badge__text').hasText('AWS S3');
assert.dom('.link-list-item__text').hasText('Storage Bucket');
});
});