@transferwise/components 46.131.1 → 46.131.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.131.1",
+  "version": "46.131.2",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/dateLookup/DateLookup.test.story.tsx

@@ -83,13 +83,6 @@ FocusOnSelectedDay.play = async () => {
   await userEvent.keyboard(' ');
 };
 
-export const FocusOnToday = Template.bind({});
-FocusOnToday.args = { ...props, value: null };
-FocusOnToday.play = async () => {
-  await userEvent.tab();
-  await userEvent.keyboard(' ');
-};
-
 export const FocusOnFirstNonDisabledDate = Template.bind({});
 FocusOnFirstNonDisabledDate.args = {
   ...props,

package/src/dateLookup/DateLookup.test.tsx

@@ -247,6 +247,28 @@ describe('DateLookup (events)', () => {
   const min = new Date(2018, 11, 26);
   const max = new Date(2018, 11, 28);
 
+  it('focuses on today when value is null', async () => {
+    const today = new Date();
+    const todayDateLabel = today.toLocaleDateString('en-GB', {
+      day: 'numeric',
+      month: 'numeric',
+      year: 'numeric',
+    });
+    const expectedHeaderText = today.toLocaleDateString('en-GB', {
+      month: 'long',
+      year: 'numeric',
+    });
+
+    render(<DateLookup value={null} onChange={jest.fn()} />);
+    await user.click(screen.getByRole('button'));
+    const todayButton = screen.getByLabelText(todayDateLabel);
+
+    expect(screen.getByRole('dialog')).toBeInTheDocument();
+    expect(screen.getByText(expectedHeaderText)).toBeInTheDocument();
+    expect(todayButton).toHaveClass('today');
+    expect(todayButton).toHaveFocus();
+  });
+
   describe('when not clearable', () => {
     let handleChange: jest.Mock;