mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-09 16:17:01 +02:00
0b12cdcfd1
* Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License. Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at https://hashi.co/bsl-blog, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUS-1.1 * Fix test that expected exact offset on hcl file --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Sarah Thompson <sthompson@hashicorp.com> Co-authored-by: Brian Kassouf <bkassouf@hashicorp.com>
56 lines
2.1 KiB
JavaScript
56 lines
2.1 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, click } from '@ember/test-helpers';
|
|
import { hbs } from 'ember-cli-htmlbars';
|
|
|
|
module('Integration | Component | read-more', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders', async function (assert) {
|
|
await render(hbs`<ReadMore />`);
|
|
assert.dom(this.element).hasText('');
|
|
});
|
|
test('it can toggle open and closed when text is longer than parent', async function (assert) {
|
|
this.set(
|
|
'description',
|
|
'My super long template block text dignissim dictum sem, ut varius ligula lacinia quis.'
|
|
);
|
|
await render(hbs`
|
|
<div style="width: 150px">
|
|
<ReadMore>
|
|
{{this.description}}
|
|
</ReadMore>
|
|
</div>
|
|
`);
|
|
assert.dom('[data-test-readmore-content]').includesText(this.description);
|
|
assert.dom('[data-test-readmore-toggle]').exists('toggle exists');
|
|
assert.dom('[data-test-readmore-toggle]').hasText('See More', 'Toggle should have text to see more');
|
|
assert
|
|
.dom('.overflow-ellipsis.is-closed')
|
|
.exists('Overflow div has is-closed class when more text to show');
|
|
await click('[data-test-readmore-toggle] button');
|
|
assert.dom('.overflow-ellipsis').exists('Div with overflow class still exists');
|
|
assert.dom('.overflow-ellipsis.is-closed').doesNotExist('Div with overflow class no longer is-closed');
|
|
assert.dom('[data-test-readmore-toggle]').hasText('See Less', 'Toggle should have text to see less');
|
|
});
|
|
|
|
test('it does not show show more button if parent is wider than content', async function (assert) {
|
|
this.set('description', 'Hello');
|
|
await render(hbs`
|
|
<div style="width: 150px">
|
|
<ReadMore>
|
|
{{this.description}}
|
|
</ReadMore>
|
|
</div>
|
|
`);
|
|
assert.dom('[data-test-readmore-content]').includesText(this.description);
|
|
assert.dom('[data-test-readmore-toggle]').doesNotExist('toggle exists');
|
|
assert.dom('.overflow-ellipsis').exists('Overflow div exists');
|
|
});
|
|
});
|