examples/DropdownMonths.test.tsx

import React from "react";

import { grid, monthDropdown, nextButton } from "@/test/elements";
import { render } from "@/test/render";
import { setTestTime } from "@/test/setTestTime";
import { user } from "@/test/user";
import { DropdownMonths } from "./DropdownMonths";

const today = new Date(2015, 11, 1);

setTestTime(today);
beforeEach(() => {
  render(<DropdownMonths />);
});

test("should display the month dropdown", () => {
  expect(monthDropdown()).toBeInTheDocument();
});

test("should allow all months", async () => {
  expect(grid()).toHaveAccessibleName(`December 2015`);
  await user.click(nextButton());
  expect(grid()).toHaveAccessibleName(`January 2016`);
});