diff --git a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js index a7baa11484..f63d50db08 100644 --- a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js +++ b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js @@ -17,7 +17,11 @@ function GenericInput({ type, onChange, value, ...rest }) { return ( - onChange(e.target.value._d)} value={momentValue} {...rest} /> + onChange(e.target.value.format('YYYY-MM-DD'))} + value={momentValue} + {...rest} + /> ); } @@ -27,7 +31,11 @@ function GenericInput({ type, onChange, value, ...rest }) { return ( - onChange(e.target.value)} value={momentValue} {...rest} /> + onChange(e.target.value.format('YYYY-MM-DD'))} + value={momentValue} + {...rest} + /> ); } diff --git a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js index 039e9aa25b..cf9f1dfa0a 100644 --- a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js +++ b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js @@ -1,11 +1,16 @@ import React from 'react'; import { render, fireEvent } from '@testing-library/react'; import { BrowserRouter } from 'react-router-dom'; - import AttributeFilter from '..'; import addressCt from '../../../../../../../../admin-test-utils/lib/fixtures/collectionTypes/address'; import addressMetaData from '../../../../../../../../admin-test-utils/lib/fixtures/metaData/address'; +class MockDate extends Date { + constructor() { + super(1992, 5, 21); + } +} + jest.mock('react-intl', () => ({ // eslint-disable-next-line react/prop-types FormattedMessage: ({ id }) => , @@ -111,6 +116,17 @@ const renderComponent = () => ); describe('AttributeFilter', () => { + let realDate; + + beforeEach(() => { + realDate = global.Date; + global.Date = MockDate; + }); + + afterEach(() => { + global.Date = realDate; + }); + it('snapshots the filter dropdown with a set of valid fields', () => { const { container } = renderComponent(); @@ -339,7 +355,7 @@ describe('AttributeFilter', () => { name="start_date" tabindex="0" type="text" - value="June 29, 2021" + value="June 21, 1992" /> `); });