Function topForOffset

tests/popover.test.ts:391–407

(popoverOffset: number)

  // tests the feature (offset distances the popover from the element) without
  // hard-coding the full positioning formula.
  async function topForOffset(popoverOffset: number): Promise<number> {
    const el = document.querySelector<HTMLElement>("#intro")!;
    el.getBoundingClientRect = () => rect({ top: 400, left: 400, right: 600, bottom: 420, width: 200, height: 20 });
    el.scrollIntoView = () => {};

    const d = createDriver({ animate: false, popoverOffset });
    d.highlight({ element: "#intro", popover: { title: "Intro", side: "top" } });

    const wrapper = popoverEl() as HTMLElement;
    wrapper.getBoundingClientRect = () => rect({});
    d.refresh();
    await nextFrame();

    const top = parseFloat(wrapper.style.top);
    d.destroy();
    return top;
  }

  it("moves the popover further from the element as the offset grows", async () => {
    const near = await topForOffset(10);