fleet/frontend/components/forms/fields/Slider/Slider.tests.tsx

import React from "react";
import { render, fireEvent, screen } from "@testing-library/react";
import Slider from "./Slider";

describe("Slider Component", () => {
  const defaultProps = {
    onChange: jest.fn(),
    value: false,
    inactiveText: "Off",
    activeText: "On",
  };

  it("renders correctly with default props", () => {
    render(<Slider {...defaultProps} />);
    expect(screen.getByText("Off")).toBeInTheDocument();
    expect(screen.getByRole("button")).toHaveClass("fleet-slider");
  });

  it("renders active state correctly", () => {
    render(<Slider {...defaultProps} value />);
    expect(screen.getByText("On")).toBeInTheDocument();
    expect(screen.getByRole("button")).toHaveClass("fleet-slider--active");
  });

  it("calls onChange when clicked", () => {
    render(<Slider {...defaultProps} />);
    fireEvent.click(screen.getByRole("button"));
    expect(defaultProps.onChange).toHaveBeenCalledTimes(1);
  });
});