mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-04-21 07:20:03 -04:00
7a98b6faf1
* Add DateDisplay to ObsCard and make first pass at translation strings * Add failing tests (due to lack of localization) for timeless dates * WIP: trying to ensure i18next gets initialized before tests run The remaining test failures might be legit. This probably breaks the actual app, though. * Got the rest of the tests working * Updated tests to assume UTC * Updated README to advise against using `npx jest` so test runs always have the env vars we specify in our `npm test` script * Moved i18next initialization to an explicitly-named file * Use i18next init function in app * Fixed up remaining tests * Added test for non-English localization of date format * Cleanup * Made DateDisplay explicitly handle strings not Dates * Restore skipped localization tests for MyObservations * Remove duplicative tests from DateDisplay unit test * Added note to the README about initializing i18next * Updated change to DateDisplay in main --------- Co-authored-by: Ken-ichi Ueda <kenichi.ueda@gmail.com>
58 lines
1.7 KiB
JavaScript
58 lines
1.7 KiB
JavaScript
import { fireEvent, screen } from "@testing-library/react-native";
|
|
import Projects from "components/Projects/Projects";
|
|
import initI18next from "i18n/initI18next";
|
|
import React from "react";
|
|
|
|
import factory from "../../../factory";
|
|
import { renderComponent } from "../../../helpers/render";
|
|
|
|
const mockedNavigate = jest.fn( );
|
|
const mockProject = factory( "RemoteProject" );
|
|
|
|
jest.mock( "sharedHooks/useAuthenticatedQuery", ( ) => ( {
|
|
__esModule: true,
|
|
default: ( ) => ( {
|
|
data: [mockProject]
|
|
} )
|
|
} ) );
|
|
|
|
jest.mock( "@react-navigation/native", ( ) => {
|
|
const actualNav = jest.requireActual( "@react-navigation/native" );
|
|
return {
|
|
...actualNav,
|
|
useNavigation: () => ( {
|
|
navigate: mockedNavigate
|
|
} ),
|
|
useRoute: () => ( {} )
|
|
};
|
|
} );
|
|
|
|
describe( "Projects", () => {
|
|
it( "should display project search results", ( ) => {
|
|
renderComponent( <Projects /> );
|
|
|
|
const input = screen.getByTestId( "ProjectSearch.input" );
|
|
fireEvent.changeText( input, "butterflies" );
|
|
|
|
expect( screen.getByText( mockProject.title ) ).toBeTruthy( );
|
|
expect( screen.getByTestId( `Project.${mockProject.id}.photo` ).props.source )
|
|
.toStrictEqual( { uri: mockProject.icon } );
|
|
fireEvent.press( screen.getByTestId( `Project.${mockProject.id}` ) );
|
|
expect( mockedNavigate ).toHaveBeenCalledWith( "ProjectDetails", {
|
|
id: mockProject.id
|
|
} );
|
|
} );
|
|
|
|
describe( "accessibility", ( ) => {
|
|
beforeAll( async ( ) => {
|
|
await initI18next( );
|
|
} );
|
|
|
|
it( "should not have errors", async ( ) => {
|
|
renderComponent( <Projects /> );
|
|
const projectObservations = await screen.findByTestId( "Projects" );
|
|
expect( projectObservations ).toBeAccessible();
|
|
} );
|
|
} );
|
|
} );
|