mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-06-19 13:11:23 -04:00
14d0239468
* Regroup accessibility label strings at end of strings file * Add accessibility test to AddID * Add a11y labels to AddID * Add a11y test to StandardCamera * Add a11y props to StandardCamera * Remove unit test with only todos * Add a11y test to Messages * Refactor PhotoScroll test into own file * Add a11y test to ObsDetails * Add a11y test to ObsList * Add a11y matcher to PhotoGallery test * Add a11y matcher to ProjectDetails test * Add a11y matcher to ProjectObservations test * Add a11y matcher to Projects test * Add a11y props to ProjectList * Add a11y props to ProjectTabs * Add a11y matcher to Search * Add a11y matcher to UserProfile test * Add a11y test matcher to UserText test * Update react-native-accessibility-engine * Add a11y matcher to Tabs test * Add a11y label to a selectable photo * Refactor DataTab tests into separate file * Refactor ActivityTab test out into own file * Added a test how to check if a component uses a mocked container * Add wrong a11y props to TextInput left icon * Enable a11y test with actual BottomSheet because mock does not pass a11y props down * Add a11y default props to Button
50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
import { fireEvent, screen } from "@testing-library/react-native";
|
|
import Projects from "components/Projects/Projects";
|
|
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
|
|
} )
|
|
};
|
|
} );
|
|
|
|
test( "displays project search results", ( ) => {
|
|
const { getByTestId, getByText } = renderComponent( <Projects /> );
|
|
|
|
const input = getByTestId( "ProjectSearch.input" );
|
|
fireEvent.changeText( input, "butterflies" );
|
|
|
|
expect( getByText( mockProject.title ) ).toBeTruthy( );
|
|
expect( getByTestId( `Project.${mockProject.id}.photo` ).props.source )
|
|
.toStrictEqual( { uri: mockProject.icon } );
|
|
fireEvent.press( getByTestId( `Project.${mockProject.id}` ) );
|
|
expect( mockedNavigate ).toHaveBeenCalledWith( "ProjectDetails", {
|
|
id: mockProject.id
|
|
} );
|
|
} );
|
|
|
|
describe( "Projects", () => {
|
|
test( "should not have accessibility errors", async ( ) => {
|
|
renderComponent( <Projects /> );
|
|
const projectObservations = await screen.findByTestId( "Projects" );
|
|
expect( projectObservations ).toBeAccessible();
|
|
} );
|
|
} );
|