Function addCustomFooterButton

tests/custom-buttons.test.ts:21–44

(opts: { keepDefaultStyle: boolean })

});

function addCustomFooterButton(opts: { keepDefaultStyle: boolean }): {
  button: HTMLButtonElement;
  onClick: ReturnType<typeof vi.fn>;
} {
  const onClick = vi.fn();
  const button = document.createElement("button");
  button.id = "custom-footer-btn";
  button.innerText = "Custom";
  if (opts.keepDefaultStyle) {
    button.classList.add("driver-popover-footer-btn");
  }
  button.addEventListener("click", onClick);

  const d = createDriver({
    animate: false,
    steps: SAMPLE_STEPS,
    onPopoverRender: popover => {
      popover.footerButtons.appendChild(button);
    },
  });
  d.drive();

  return { button, onClick };
}

describe("footer button styling", () => {
  it("styles the built-in navigation buttons through the footer button class", () => {