mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-02-02 10:01:28 -05:00
49091f8fc4
* Update package.json * Update package-lock.json * Enable plugin * Update package.json * Update package-lock.json * Update .eslintrc.js * Create a new object instead of mutating the existing one * Update SoundRecorder.js * Do not mutate prop directly * Do not mutate store value directly * Disable compiler for zoom hook Because it uses reanimated logic, and previous work laid out we should specifically disregard a rule of react here, unsure what to do here for now. * Move array for tracking results into component * Disable compiler for StandardCamera * Do not mutate store value directly * Disable compiler for FullPageWebView * Do not mutate route param * Remove unnecessary check if state is true before setting it to false * Fix: user might be undefined * Update reanimated usage with new compiler compliant API * Fix: taxon might be undefined * Fix: taxon might be undefined * Fix: common pitfall of trying to render text outside of Text component * Update interface * Add package override * Update package-lock.json * Refactor updating of user preferences into User model * Remove no memo directive from zoom * Update file imports * Migrate safeRealmWrite to TS * Update interface and import path * Update interface * Refactor useLocaalObservation hook to not mutate return value of a function that should not be mutated * Update tests to new return structure * Remove useSafeRoute hook We get the same information from error contexts and surrounding documents, and this hook was violating the rules of react by conditionally calling another hook. * Use optional chaining * Update TaxonNamesSetting.test.js * Fix: use optional chaining * Extend on RNTLs renderHook instead of re-implementing * Remove unnecessary mock * Remove unnecessary mock * Remove unecessary mock * Remove trailing spaces
95 lines
2.8 KiB
JavaScript
95 lines
2.8 KiB
JavaScript
import { useRoute } from "@react-navigation/native";
|
|
import { fireEvent, screen } from "@testing-library/react-native";
|
|
import DQAContainer from "components/ObsDetails/DQAContainer";
|
|
import React from "react";
|
|
import factory from "tests/factory";
|
|
import faker from "tests/helpers/faker";
|
|
import { renderComponent } from "tests/helpers/render";
|
|
|
|
const mockObservation = factory( "LocalObservation", {
|
|
observed_on: "2023-12-14T21:07:41-09:30",
|
|
observationPhotos: [factory( "LocalObservationPhoto" )],
|
|
latitude: Number( faker.location.latitude( ) ),
|
|
longitude: Number( faker.location.longitude( ) ),
|
|
taxon: {
|
|
id: undefined,
|
|
rank_level: undefined
|
|
},
|
|
identifications: [],
|
|
// casual is the default, so using needs_id here ensures test
|
|
// is using our mock observation, not just showing the default screen
|
|
quality_grade: "needs_id",
|
|
votes: []
|
|
} );
|
|
|
|
const mockUserID = "some_user_id";
|
|
|
|
// Mock useCurrentUser hook
|
|
jest.mock( "sharedHooks/useCurrentUser", ( ) => ( {
|
|
__esModule: true,
|
|
default: jest.fn( ( ) => ( {
|
|
id: mockUserID
|
|
} ) )
|
|
} ) );
|
|
|
|
jest.mock( "sharedHooks/useAuthenticatedQuery", () => ( {
|
|
__esModule: true,
|
|
default: () => ( {
|
|
data: []
|
|
} )
|
|
} ) );
|
|
|
|
const mockMutate = jest.fn();
|
|
jest.mock( "sharedHooks/useAuthenticatedMutation", () => ( {
|
|
__esModule: true,
|
|
default: () => ( {
|
|
mutate: mockMutate
|
|
} )
|
|
} ) );
|
|
|
|
jest.mock( "sharedHooks/useLocalObservation", () => ( {
|
|
__esModule: true,
|
|
default: jest.fn( ( ) => ( {
|
|
localObservation: mockObservation
|
|
} ) )
|
|
} ) );
|
|
|
|
useRoute.mockImplementation( ( ) => ( {
|
|
params: {
|
|
observationUUID: mockObservation.uuid
|
|
}
|
|
} ) );
|
|
|
|
async function expectMutateToHaveBeenCalled() {
|
|
expect( await mockMutate ).toHaveBeenCalled();
|
|
// Since we mocked the mutate() method, we're expecting mutation not to
|
|
// succeed. We want to wait for this so there are no extra things happening
|
|
// outside of act()
|
|
screen.queryByText( "ERROR LOADING IN DQA" );
|
|
}
|
|
|
|
describe( "DQA Vote Buttons", ( ) => {
|
|
beforeEach( ( ) => {
|
|
jest.useFakeTimers( );
|
|
} );
|
|
test( "renders DQA vote buttons", async ( ) => {
|
|
renderComponent( <DQAContainer /> );
|
|
const emptyDisagreeButtons = await screen.findAllByTestId( "DQAVoteButton.EmptyDisagree" );
|
|
expect( emptyDisagreeButtons ).toBeTruthy( );
|
|
} );
|
|
|
|
test( "calls api when DQA disagree button is pressed", async ( ) => {
|
|
renderComponent( <DQAContainer /> );
|
|
const emptyDisagreeButtons = await screen.findAllByTestId( "DQAVoteButton.EmptyDisagree" );
|
|
fireEvent.press( emptyDisagreeButtons[0] );
|
|
await expectMutateToHaveBeenCalled();
|
|
} );
|
|
|
|
test( "calls api when DQA agree button is pressed", async ( ) => {
|
|
renderComponent( <DQAContainer /> );
|
|
const emptyDisagreeButtons = await screen.findAllByTestId( "DQAVoteButton.EmptyAgree" );
|
|
fireEvent.press( emptyDisagreeButtons[0] );
|
|
await expectMutateToHaveBeenCalled();
|
|
} );
|
|
} );
|