react-day-picker/src/helpers/getYearOptions.test.ts

Customizable Date Picker for React

import { dateLib } from "react-day-picker";

import { getFormatters } from "./getFormatters";
import { getYearOptions } from "./getYearOptions";

test("return undefined if startMonth or endMonth is not provided", () => {
  const displayMonth = new Date(2022, 0, 1); // January 2022
  const formatters = getFormatters({
    formatYearDropdown: (year: number) => `${year}`
  });
  const result1 = getYearOptions(
    displayMonth,
    undefined,
    new Date(2022, 11, 31),
    formatters,
    dateLib
  );
  const result2 = getYearOptions(
    displayMonth,
    new Date(2022, 0, 1),
    undefined,
    formatters,
    dateLib
  );

  expect(result1).toBeUndefined();
  expect(result2).toBeUndefined();
});

test("return correct dropdown options", () => {
  const displayMonth = new Date(2022, 0, 1); // January 2022
  const startMonth = new Date(2022, 0, 1); // January 2022
  const endMonth = new Date(2024, 11, 31); // December 2024
  const formatters = getFormatters({
    formatYearDropdown: (year: number) => `${year}`
  });

  const result = getYearOptions(
    displayMonth,
    startMonth,
    endMonth,
    formatters,
    dateLib
  );

  expect(result).toEqual([
    { value: 2022, label: "2022", disabled: false },
    { value: 2023, label: "2023", disabled: false },
    { value: 2024, label: "2024", disabled: false }
  ]);
});