Charlie Tran 843a6c5bbb
feat(frontend): update datahub-web client UI code (#1806)
* 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
2020-08-26 15:44:50 -07:00

44 lines
1.6 KiB
TypeScript

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, click, waitUntil } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
const isElementInViewport = (el: Element | undefined | null, scrollableElement: Element): boolean => {
if (!el) {
return false;
}
const rect = el.getBoundingClientRect();
const topOffset = scrollableElement.getBoundingClientRect().top;
return rect.top - topOffset < 2; // We admit 2px off in scroll position as there is an animation and floating points
};
module('Integration | Component | link-to-section', function(hooks) {
setupRenderingTest(hooks);
test('it renders', async function(assert) {
assert.equal(this.element.textContent?.trim(), '');
await render(hbs`
<LinkToSection @sectionSelector=".something">
template block text
</LinkToSection>
<div style="margin-top:4000px">margin</div>
<div class="something">
here
</div>
<div style="margin-top:4000px">margin</div>
`);
const scrollableElement = this.element.parentElement;
const targetElement = this.element.querySelector('.something');
if (scrollableElement) {
assert.notOk(isElementInViewport(targetElement, scrollableElement), 'Element is not visible');
await click('button');
await waitUntil((): boolean => isElementInViewport(targetElement, scrollableElement), { timeout: 10000 });
assert.ok(isElementInViewport(targetElement, scrollableElement), 'Element is visible');
} else {
assert.notOk(true, 'parent element not found');
}
});
});