import RangeSlider from "$components/ui/RangeSlider.svelte";
import { fireEvent, render, screen } from "@testing-library/svelte";
import { describe, expect, it, vi } from "vitest";

describe("RangeSlider.svelte", () => {


  it("should call onchange handler", async () => {
    const onchange = vi.fn();
    const { container } = render(RangeSlider, {
      props: {
        value: 50,
        onchange,
      },
    });

    const slider = container.querySelector("input[type='range']");
    if (!slider) throw new Error("Slider element not found");
    await fireEvent.change(slider, { target: { value: "75" } });

    expect(onchange).toHaveBeenCalledTimes(1);
  });
});