2023-03-15 16:00:52 +00:00
|
|
|
/**
|
|
|
|
|
* Copyright (c) HashiCorp, Inc.
|
|
|
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
|
|
|
*/
|
|
|
|
|
|
2022-04-01 17:15:29 +00:00
|
|
|
import { module, test } from 'qunit';
|
|
|
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
|
|
|
import { render, triggerEvent } from '@ember/test-helpers';
|
|
|
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
|
|
|
|
|
|
module('Integration | Component | tool-tip', function (hooks) {
|
|
|
|
|
setupRenderingTest(hooks);
|
|
|
|
|
|
|
|
|
|
test('it should open and close on mouse enter and leave', async function (assert) {
|
|
|
|
|
await render(hbs`
|
|
|
|
|
<ToolTip as |T|>
|
|
|
|
|
<T.Trigger>
|
|
|
|
|
<span data-test-trigger>Trigger</span>
|
|
|
|
|
</T.Trigger>
|
|
|
|
|
<T.Content>
|
|
|
|
|
<span data-test-content>Tooltip</span>
|
|
|
|
|
</T.Content>
|
|
|
|
|
</ToolTip>
|
|
|
|
|
`);
|
|
|
|
|
|
|
|
|
|
assert.dom('[data-test-content]').doesNotExist('Tooltip is hidden');
|
|
|
|
|
await triggerEvent('[data-test-trigger]', 'mouseenter');
|
|
|
|
|
assert.dom('[data-test-content]').exists('Tooltip renders on mouse enter');
|
|
|
|
|
await triggerEvent('[data-test-content]', 'mouseleave');
|
|
|
|
|
assert.dom('[data-test-content]').doesNotExist('Tooltip is hidden on mouse leave');
|
|
|
|
|
});
|
|
|
|
|
});
|
