@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
35 lines (34 loc) • 1.46 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { render, fireEvent, screen } from "@crossed/test";
import { SelectYear } from "../SelectYear";
jest.mock("../../Select", () => ({
Select: ({ value, onChange, items }) => /* @__PURE__ */ jsx("select", { value, onChange: (e) => onChange(e.target.value), children: items.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.label }, item.value)) })
}));
describe("SelectYear", () => {
const mockYears = [2020, 2021, 2022, 2023, 2024];
const mockOnChange = jest.fn();
test("renders correctly with given years and selected year", () => {
render(
/* @__PURE__ */ jsx(SelectYear, { year: 2022, years: mockYears, onChange: mockOnChange })
);
expect(screen.getByDisplayValue("2022")).toBeInTheDocument();
});
test("calls onChange when a new year is selected", () => {
render(
/* @__PURE__ */ jsx(SelectYear, { year: 2022, years: mockYears, onChange: mockOnChange })
);
fireEvent.change(screen.getByDisplayValue("2022"), {
target: { value: "2023" }
});
expect(mockOnChange).toHaveBeenCalledWith(2023);
});
test("renders all years in the dropdown", () => {
render(
/* @__PURE__ */ jsx(SelectYear, { year: 2022, years: mockYears, onChange: mockOnChange })
);
mockYears.forEach((year) => {
expect(screen.getByText(`${year}`)).toBeInTheDocument();
});
});
});
//# sourceMappingURL=SelectYear.spec.js.map