test: make tests less fragile

2026-02-09 09:57:39 +05:00
parent 2bbe59107c
commit c4103e937d
12 changed files with 49 additions and 55 deletions
@@ -1,19 +1,18 @@
 import RangeSlider from "$components/ui/RangeSlider.svelte";
-import { fireEvent, render } from "@testing-library/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, {
+    render(RangeSlider, {
      props: {
        value: 50,
        onchange,
      },
    });

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

    expect(onchange).toHaveBeenCalledTimes(1);