mirror of
https://github.com/datahub-project/datahub.git
synced 2025-08-11 18:56:41 +00:00
843a6c5bbb
* Releases updated version of datahub-web client UI code * Fix typo in yarn lock * Change yarn lock to match yarn registry directories * Previous commit missed some paths * Even more changes to yarnlock missing in previous commit * Include codegen file for typings * Add files to get parity for datahub-web and current OS datahub-midtier * Add in typo fix from previous commit - change to proper license * Implement proper OS fix for person entity picture url * Workarounds for open source DH issues * Fixes institutional memory api and removes unopensourced tabs for datasets * Fixes search dataset deprecation and user search issue as a result of changes * Remove internal only options in the avatar menu
47 lines
1.8 KiB
TypeScript
47 lines
1.8 KiB
TypeScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, triggerEvent } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import { stubService } from '@datahub/utils/test-helpers/stub-service';
|
|
|
|
module('Integration | Component | dynamic-components/tooltip', function(hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders and behaves as expected', async function(assert) {
|
|
stubService('configurator', {
|
|
getConfig(): unknown {
|
|
return { appHelp: 'https://www.serebii.net/pokedex-swsh/pikachu/' };
|
|
}
|
|
});
|
|
|
|
const sampleRenderProps = {
|
|
name: 'dynamic-components/tooltip',
|
|
options: {
|
|
triggerComponent: {
|
|
name: 'dynamic-components/icon',
|
|
options: { icon: 'question-circle', prefix: 'far', className: 'pikachu-icon' }
|
|
},
|
|
className: 'pikachu',
|
|
triggerOn: 'hover',
|
|
contentComponents: [
|
|
{ name: 'dynamic-components/text', options: { text: 'Click here to learn more!' } },
|
|
{
|
|
name: 'dynamic-components/wiki-link',
|
|
options: { wikiKey: 'appHelp', className: 'pikachu-link' }
|
|
}
|
|
]
|
|
}
|
|
};
|
|
this.set('props', sampleRenderProps);
|
|
|
|
await render(hbs`{{component this.props.name options=this.props.options}}`);
|
|
assert.dom('.dynamic-tooltip').exists('Renders a dynamic tooltip');
|
|
assert.dom('.pikachu').exists('Gives us the correct custom class');
|
|
assert.dom('.pikachu-icon').exists('Renders the nested icon element');
|
|
|
|
await triggerEvent('.dynamic-tooltip', 'mouseenter');
|
|
assert.dom('.dynamic-tooltip__content .pikachu-link').exists('Renders the nested link');
|
|
assert.dom('.dynamic-tooltip__content').hasTextContaining('Click here to learn more!');
|
|
});
|
|
});
|