Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 28 additions & 24 deletions src/test/year_picker_test.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -910,6 +910,34 @@ describe("YearPicker", () => {
expect(selectedDay ? getYear(selectedDay) : selectedDay).toBe(2021);
});

it("should select 2021 when Enter key is pressed (in Inline Mode)", () => {
const onDayClickMock = jest.fn();
const { container } = render(
<DatePicker
selected={null}
onChange={() => {}}
onSelect={onDayClickMock}
showYearPicker
/>,
);
openDateInput(container);

const currentYear = container.querySelector(
".react-datepicker__year-text--today",
) as HTMLElement;
fireEvent.keyDown(currentYear, getKey(KeyType.Enter));

expect(onDayClickMock).toHaveBeenCalledTimes(1);
const expectedSelectedDate = getStartOfYear(newDate());

expect(onDayClickMock).toHaveBeenCalledWith(
expectedSelectedDate,
expect.objectContaining({
key: KeyType.Enter,
}),
);
});

it("should call onKeyDown handler on any key press", () => {
const onKeyDownSpy = jest.fn();

Expand Down Expand Up @@ -1020,30 +1048,6 @@ describe("YearPicker", () => {
});

describe("edge cases for coverage", () => {
it("should handle keyboard navigation with null selected date (Enter key)", () => {
const onDayClickMock = jest.fn();
const { container } = render(
<DatePicker
selected={null}
onChange={() => {}}
onSelect={onDayClickMock}
showYearPicker
/>,
);

openDateInput(container);

const currentYear = container.querySelector(
".react-datepicker__year-text--today",
) as HTMLElement;

fireEvent.keyDown(currentYear, getKey(KeyType.Enter));

// When selected is null and Enter is pressed, onDayClick should not be called
// because of the early return at line 297
expect(onDayClickMock).not.toHaveBeenCalled();
});

it("should handle keyboard navigation with null preSelection (Arrow keys)", () => {
const { container } = render(
<DatePicker
Expand Down
3 changes: 0 additions & 3 deletions src/year.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -292,9 +292,6 @@ export default class Year extends Component<YearProps> {
if (!this.props.disabledKeyboardNavigation) {
switch (key) {
case KeyType.Enter:
if (this.props.selected == null) {
break;
}
this.onYearClick(event, y);
this.props.setPreSelection?.(this.props.selected);
break;
Expand Down
Loading