bec76f937c
Note that this commit also introduces a `domUtils` helper to handle most complex operations in vanilla JS compared to using jQuery.
40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
import componentTest, {
|
|
setupRenderingTest,
|
|
} from "discourse/tests/helpers/component-test";
|
|
import { discourseModule } from "discourse/tests/helpers/qunit-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
import domUtils from "discourse-common/utils/dom-utils";
|
|
|
|
discourseModule("utils:dom-utils", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
componentTest("offset", {
|
|
template: hbs`{{d-button translatedLabel="baz"}}`,
|
|
|
|
async test(assert) {
|
|
const element = document.querySelector(".btn");
|
|
const offset = domUtils.offset(element);
|
|
const rect = element.getBoundingClientRect();
|
|
|
|
assert.deepEqual(offset, {
|
|
top: rect.top + window.scrollY,
|
|
left: rect.left + window.scrollX,
|
|
});
|
|
},
|
|
});
|
|
|
|
componentTest("position", {
|
|
template: hbs`{{d-button translatedLabel="baz"}}`,
|
|
|
|
async test(assert) {
|
|
const element = document.querySelector(".btn");
|
|
const position = domUtils.position(element);
|
|
|
|
assert.deepEqual(position, {
|
|
top: element.offsetTop,
|
|
left: element.offsetLeft,
|
|
});
|
|
},
|
|
});
|
|
});
|