Files
threshold-ui/ui/admin/tests/integration/components/ordered-series-diagram/group/index-test.js
T
Carlos Alcaide Corvo b51c8203ee chore: 🤖 Upgrade eslint-plugin-qunit (#2011)
* chore: 🤖 Upgrade eslint-plugin-qunit

* Delete unnecessary assert.expect from tests
2023-12-08 12:56:00 -08:00

51 lines
1.6 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
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 | ordered-series-diagram/group/index',
function (hooks) {
setupRenderingTest(hooks);
test('it renders group icons with highlight background', async function (assert) {
this.set('client', 'Client');
this.set('egressWorker', 'Egress Worker');
await render(hbs`
<OrderedSeriesDiagram::Group @title='Private Network' @color='highlight'>
<OrderedSeriesDiagram::Item @icon='user'>
{{this.client}}
</OrderedSeriesDiagram::Item>
<OrderedSeriesDiagram::Item @icon='settings'>
{{this.egressWorker}}
</OrderedSeriesDiagram::Item>
</OrderedSeriesDiagram::Group>
`);
assert
.dom('.ordered-series-diagram-group-content')
.hasClass('hds-surface-highlight');
assert
.dom('.ordered-series-diagram-group-title')
.hasText('Private Network');
assert.dom('[data-test-icon="user"]').isVisible();
assert.dom('[data-test-icon="arrow-right"]').isVisible();
assert
.dom('.ordered-series-diagram-item .ordered-series-diagram-item-title')
.hasText('Client');
assert.dom('[data-test-icon="settings"]').isVisible();
assert
.dom(
'.ordered-series-diagram-item:last-child .ordered-series-diagram-item-title',
)
.hasText('Egress Worker');
});
},
);