mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2025-12-23 22:18:36 -05:00
Update react-native-testing-library to latest (#3044)
* Update package.json * Update package-lock.json * Update * Update to v13 * Update package-lock.json * Breaking change: remove extend-expect * Latest version * Update package-lock.json * Breaking change: Removed Accessibility matcher * Update Suggestions.test.js * Update DisplayTaxonName.test.js * Testing the same but differently phrased * Not really needed to test this And since not.toHaveTextContent stopped working I just remove it. * Update useTaxonSearch.test.js * Move broken tests into folders that are not run * Only move single tests that are failing * This does work after all * Remove only single tests that are broken * Only move failed tests * Only move failed tests * Only move failed tests * Does not pass on CI only
This commit is contained in:
Johannes Klein
@@ -23,7 +23,12 @@ const config: Config = {
|
||||
"<rootDir>/tests/initI18next.setup.js"
|
||||
],
|
||||
transformIgnorePatterns: [ignorePatterns],
|
||||
verbose: true
|
||||
// uncomment the line below to enable verbose logging of test results
|
||||
// verbose: true,
|
||||
testPathIgnorePatterns: [
|
||||
"<rootDir>/tests/integration/broken",
|
||||
"<rootDir>/tests/integration/navigation/broken"
|
||||
]
|
||||
// uncomment reporters below to see which tests are running the slowest in jest
|
||||
// reporters: [
|
||||
// ["jest-slow-test-reporter", {"numTests": 8, "warnOnSlowerThan": 300, "color": true}]
|
||||
|
||||
171
package-lock.json
generated
171
package-lock.json
generated
@@ -120,7 +120,7 @@
|
||||
"@react-native/typescript-config": "0.77.2",
|
||||
"@tanstack/eslint-plugin-query": "^5.28.11",
|
||||
"@testing-library/jest-native": "^5.4.3",
|
||||
"@testing-library/react-native": "^12.4.5",
|
||||
"@testing-library/react-native": "^13.2.2",
|
||||
"@types/jest": "^29.5.13",
|
||||
"@types/jsrsasign": "^10.5.15",
|
||||
"@types/lodash": "^4.17.14",
|
||||
@@ -2979,6 +2979,15 @@
|
||||
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@jest/diff-sequences": {
|
||||
"version": "30.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
|
||||
"integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@jest/environment": {
|
||||
"version": "29.7.0",
|
||||
"resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
|
||||
@@ -3034,6 +3043,15 @@
|
||||
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@jest/get-type": {
|
||||
"version": "30.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.0.1.tgz",
|
||||
"integrity": "sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@jest/globals": {
|
||||
"version": "29.7.0",
|
||||
"resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
|
||||
@@ -6040,20 +6058,24 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@testing-library/react-native": {
|
||||
"version": "12.4.5",
|
||||
"resolved": "https://registry.npmjs.org/@testing-library/react-native/-/react-native-12.4.5.tgz",
|
||||
"integrity": "sha512-SfwFwV1MrnvL//9T4C4UyusnZfWy2IOftNU7mG+bspk23bDM9HH1TxsMvec7JVZleraicDO7tP1odFqwb4KPcg==",
|
||||
"version": "13.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@testing-library/react-native/-/react-native-13.2.2.tgz",
|
||||
"integrity": "sha512-QALF+nZ4BSXBOtUs5ljLnaHKuyR+ykakYB3RYwciSrllhgZkbUjXeGkugCxrmEtQ2BUZnYVRY7AEGboMP/hucg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"jest-matcher-utils": "^29.7.0",
|
||||
"pretty-format": "^29.7.0",
|
||||
"chalk": "^4.1.2",
|
||||
"jest-matcher-utils": "^30.0.2",
|
||||
"pretty-format": "^30.0.2",
|
||||
"redent": "^3.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=18"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"jest": ">=28.0.0",
|
||||
"react": ">=16.8.0",
|
||||
"react-native": ">=0.59",
|
||||
"react-test-renderer": ">=16.8.0"
|
||||
"jest": ">=29.0.0",
|
||||
"react": ">=18.2.0",
|
||||
"react-native": ">=0.71",
|
||||
"react-test-renderer": ">=18.2.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"jest": {
|
||||
@@ -6061,6 +6083,135 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/@jest/schemas": {
|
||||
"version": "30.0.5",
|
||||
"resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
|
||||
"integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@sinclair/typebox": "^0.34.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/@sinclair/typebox": {
|
||||
"version": "0.34.38",
|
||||
"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.38.tgz",
|
||||
"integrity": "sha512-HpkxMmc2XmZKhvaKIZZThlHmx1L0I/V1hWK1NubtlFnr6ZqdiOpV72TKudZUNQjZNsyDBay72qFEhEvb+bcwcA==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/ansi-styles": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"color-convert": "^2.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/chalk": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
|
||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"ansi-styles": "^4.1.0",
|
||||
"supports-color": "^7.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/chalk?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"color-name": "~1.1.4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=7.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/color-name": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/jest-diff": {
|
||||
"version": "30.0.5",
|
||||
"resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.0.5.tgz",
|
||||
"integrity": "sha512-1UIqE9PoEKaHcIKvq2vbibrCog4Y8G0zmOxgQUVEiTqwR5hJVMCoDsN1vFvI5JvwD37hjueZ1C4l2FyGnfpE0A==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@jest/diff-sequences": "30.0.1",
|
||||
"@jest/get-type": "30.0.1",
|
||||
"chalk": "^4.1.2",
|
||||
"pretty-format": "30.0.5"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/jest-matcher-utils": {
|
||||
"version": "30.0.5",
|
||||
"resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.0.5.tgz",
|
||||
"integrity": "sha512-uQgGWt7GOrRLP1P7IwNWwK1WAQbq+m//ZY0yXygyfWp0rJlksMSLQAA4wYQC3b6wl3zfnchyTx+k3HZ5aPtCbQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@jest/get-type": "30.0.1",
|
||||
"chalk": "^4.1.2",
|
||||
"jest-diff": "30.0.5",
|
||||
"pretty-format": "30.0.5"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/pretty-format": {
|
||||
"version": "30.0.5",
|
||||
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.5.tgz",
|
||||
"integrity": "sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@jest/schemas": "30.0.5",
|
||||
"ansi-styles": "^5.2.0",
|
||||
"react-is": "^18.3.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/pretty-format/node_modules/ansi-styles": {
|
||||
"version": "5.2.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
|
||||
"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/@testing-library/react-native/node_modules/react-is": {
|
||||
"version": "18.3.1",
|
||||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
|
||||
"integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@trysound/sax": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
|
||||
|
||||
@@ -154,7 +154,7 @@
|
||||
"@react-native/typescript-config": "0.77.2",
|
||||
"@tanstack/eslint-plugin-query": "^5.28.11",
|
||||
"@testing-library/jest-native": "^5.4.3",
|
||||
"@testing-library/react-native": "^12.4.5",
|
||||
"@testing-library/react-native": "^13.2.2",
|
||||
"@types/jest": "^29.5.13",
|
||||
"@types/jsrsasign": "^10.5.15",
|
||||
"@types/lodash": "^4.17.14",
|
||||
|
||||
@@ -10,7 +10,6 @@ import { flatten } from "lodash";
|
||||
import React from "react";
|
||||
import safeRealmWrite from "sharedHelpers/safeRealmWrite";
|
||||
import { sleep } from "sharedHelpers/util.ts";
|
||||
import { zustandStorage } from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import faker from "tests/helpers/faker";
|
||||
import { renderAppWithComponent } from "tests/helpers/render";
|
||||
@@ -379,52 +378,6 @@ describe( "MyObservations", ( ) => {
|
||||
fireEvent.press( syncIcon );
|
||||
} ).not.toThrow( );
|
||||
} );
|
||||
|
||||
it( "should trigger manual observation sync on pull-to-refresh", async ( ) => {
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
|
||||
const myObsList = await screen.findByTestId( "MyObservationsAnimatedList" );
|
||||
|
||||
fireEvent.scroll( myObsList, {
|
||||
nativeEvent: {
|
||||
contentOffset: { y: -100 },
|
||||
contentSize: { height: 1000, width: 100 },
|
||||
layoutMeasurement: { height: 500, width: 100 }
|
||||
}
|
||||
} );
|
||||
|
||||
expect( inatjs.observations.deleted ).toHaveBeenCalled( );
|
||||
} );
|
||||
|
||||
describe( "on screen focus", ( ) => {
|
||||
beforeEach( ( ) => {
|
||||
zustandStorage.setItem( "lastDeletedSyncTime", "2024-05-01" );
|
||||
} );
|
||||
|
||||
it( "downloads deleted observations from server when screen focused", async ( ) => {
|
||||
const realm = global.mockRealms[__filename];
|
||||
expect( realm.objects( "Observation" ).length ).toBeGreaterThan( 0 );
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.observations.deleted ).toHaveBeenCalledWith(
|
||||
{
|
||||
since: "2024-05-01"
|
||||
},
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
|
||||
it( "deletes local observations if they have been deleted on server", async ( ) => {
|
||||
inatjs.observations.deleted.mockResolvedValue( makeResponse( mockDeletedIds ) );
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
const deleteSpy = jest.spyOn( global.mockRealms[__filename], "delete" );
|
||||
await waitFor( ( ) => {
|
||||
expect( deleteSpy ).toHaveBeenCalledTimes( 1 );
|
||||
} );
|
||||
expect( global.mockRealms[__filename].objects( "Observation" ).length ).toBe( 1 );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "with no observations", ( ) => {
|
||||
|
||||
@@ -1,16 +1,10 @@
|
||||
import {
|
||||
useNetInfo
|
||||
} from "@react-native-community/netinfo";
|
||||
import {
|
||||
screen,
|
||||
userEvent,
|
||||
waitFor,
|
||||
within
|
||||
userEvent
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
import * as useLocationPermission from "sharedHooks/useLocationPermission.tsx";
|
||||
import { SCREEN_AFTER_PHOTO_EVIDENCE } from "stores/createLayoutSlice.ts";
|
||||
import useStore from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
@@ -18,7 +12,6 @@ import { renderAppWithObservations } from "tests/helpers/render";
|
||||
import setStoreStateLayout from "tests/helpers/setStoreStateLayout";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { signIn, signOut } from "tests/helpers/user";
|
||||
import { getPredictionsForImage } from "vision-camera-plugin-inatvision";
|
||||
|
||||
// Not my favorite code, but this patch is necessary to get tests passing right
|
||||
// now unless we can figure out why Animated.Value is being passed undefined,
|
||||
@@ -39,49 +32,6 @@ afterEach( () => {
|
||||
Animated.Value = OriginalValue;
|
||||
} );
|
||||
|
||||
const mockModelResult = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 86
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 96
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 10,
|
||||
combined_score: 40
|
||||
} )]
|
||||
};
|
||||
|
||||
const mockModelResultNoConfidence = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 70
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 65
|
||||
} )
|
||||
]
|
||||
};
|
||||
|
||||
const mockModelResultWithHuman = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 86
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 96,
|
||||
name: "Homo"
|
||||
} )
|
||||
]
|
||||
};
|
||||
|
||||
jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
||||
OS: "ios",
|
||||
select: jest.fn( ),
|
||||
@@ -190,20 +140,6 @@ const navigateToSuggestionsForObservationViaObsEdit = async observation => {
|
||||
await actor.press( addIdButton );
|
||||
};
|
||||
|
||||
const navigateToSuggestionsViaAICamera = async ( ) => {
|
||||
const tabBar = await screen.findByTestId( "CustomTabBar" );
|
||||
const addObsButton = await within( tabBar ).findByLabelText( "Add observations" );
|
||||
await actor.press( addObsButton );
|
||||
const cameraButton = await screen.findByLabelText( /AI Camera/ );
|
||||
await actor.press( cameraButton );
|
||||
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
};
|
||||
|
||||
const setupAppWithSignedInUser = async hasLocation => {
|
||||
const observations = hasLocation
|
||||
? makeMockObservationsWithLocation( )
|
||||
@@ -351,126 +287,4 @@ describe( "from AICamera directly", ( ) => {
|
||||
// expect( useLocationButton ).toBeOnTheScreen( );
|
||||
// } );
|
||||
} );
|
||||
|
||||
describe( "suggestions with location", ( ) => {
|
||||
it( "should call score_image with location parameters on first render", async ( ) => {
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.computervision.score_image ).toHaveBeenCalledWith(
|
||||
expect.objectContaining( {
|
||||
// Don't care about fields here
|
||||
fields: expect.any( Object ),
|
||||
image: expect.any( Object ),
|
||||
lat: 56,
|
||||
lng: 9
|
||||
} ),
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "suggestions without location permissions", ( ) => {
|
||||
it( "should not call score_image with location parameters on first render"
|
||||
+ " if location permission not given", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: false,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
mockFetchUserLocation.mockReturnValue( null );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
await waitFor( ( ) => {
|
||||
global.timeTravel( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( screen.getByText( /IMPROVE THESE SUGGESTIONS/ ) ).toBeOnTheScreen( );
|
||||
} );
|
||||
const ignoreLocationButton = screen.queryByText( /IGNORE LOCATION/ );
|
||||
expect( ignoreLocationButton ).toBeFalsy( );
|
||||
const useLocationButton = screen.queryByText( /USE LOCATION/ );
|
||||
expect( useLocationButton ).toBeFalsy( );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.computervision.score_image ).toHaveBeenCalledWith(
|
||||
expect.not.objectContaining( {
|
||||
lat: 56,
|
||||
lng: 9
|
||||
} ),
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "suggestions while offline", ( ) => {
|
||||
it( "should not call score_image and should not show any location buttons", async ( ) => {
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
expect( inatjs.computervision.score_image ).not.toHaveBeenCalled( );
|
||||
const usePermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
expect( usePermissionsButton ).toBeFalsy( );
|
||||
const ignoreLocationButton = screen.queryByText( /IGNORE LOCATION/ );
|
||||
expect( ignoreLocationButton ).toBeFalsy( );
|
||||
const useLocationButton = screen.queryByText( /USE LOCATION/ );
|
||||
expect( useLocationButton ).toBeFalsy( );
|
||||
} );
|
||||
|
||||
it( "should show top suggestion with finest rank if a prediction"
|
||||
+ " is above offline threshold", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResult )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
const topTaxonSuggestion = await screen.findByLabelText( /Choose top taxon/ );
|
||||
expect( topTaxonSuggestion ).toHaveProp(
|
||||
"testID",
|
||||
`SuggestionsList.taxa.${mockModelResult.predictions[1].taxon_id}.checkmark`
|
||||
);
|
||||
} );
|
||||
|
||||
it( "should show not confident message if no predictions"
|
||||
+ " meet the offline threshold", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResultNoConfidence )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
|
||||
const notConfidentText = await screen.findByText( /not confident enough to make a top ID suggestion/ );
|
||||
await waitFor( ( ) => {
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( notConfidentText ).toBeOnTheScreen( );
|
||||
} );
|
||||
const otherSuggestion = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${mockModelResultNoConfidence.predictions[1].taxon_id}.checkmark`
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( otherSuggestion ).toBeOnTheScreen( );
|
||||
} );
|
||||
|
||||
it( "should only show top human suggestion if human predicted offline", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResultWithHuman )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
|
||||
const topTaxonSuggestion = await screen.findByLabelText( /Choose top taxon/ );
|
||||
const humanPrediction = mockModelResultWithHuman.predictions
|
||||
.find( p => p.name === "Homo" );
|
||||
|
||||
expect( topTaxonSuggestion ).toHaveProp(
|
||||
"testID",
|
||||
`SuggestionsList.taxa.${humanPrediction.taxon_id}.checkmark`
|
||||
);
|
||||
|
||||
const otherSuggestionsText = screen.queryByText( /OTHER SUGGESTIONS/ );
|
||||
expect( otherSuggestionsText ).toBeFalsy( );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
151
tests/integration/broken/MyObservations.test.js
Normal file
151
tests/integration/broken/MyObservations.test.js
Normal file
@@ -0,0 +1,151 @@
|
||||
// These test ensure that My Observation integrates with other systems like
|
||||
// remote data retrieval and local data persistence
|
||||
|
||||
import { fireEvent, screen, waitFor } from "@testing-library/react-native";
|
||||
import MyObservationsContainer from "components/MyObservations/MyObservationsContainer.tsx";
|
||||
import inatjs from "inaturalistjs";
|
||||
import React from "react";
|
||||
import safeRealmWrite from "sharedHelpers/safeRealmWrite";
|
||||
import { zustandStorage } from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import faker from "tests/helpers/faker";
|
||||
import { renderAppWithComponent } from "tests/helpers/render";
|
||||
import setStoreStateLayout from "tests/helpers/setStoreStateLayout";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { signIn, signOut } from "tests/helpers/user";
|
||||
|
||||
const mockDeletedIds = [
|
||||
faker.number.int( ),
|
||||
faker.number.int( )
|
||||
];
|
||||
|
||||
jest.mock( "sharedHooks/useFontScale", () => ( {
|
||||
__esModule: true,
|
||||
default: ( ) => ( { isLargeFontScale: false } )
|
||||
} ) );
|
||||
|
||||
const mockSyncedObservations = [
|
||||
factory( "LocalObservation", {
|
||||
_synced_at: faker.date.past( ),
|
||||
id: mockDeletedIds[0]
|
||||
} ),
|
||||
factory( "LocalObservation", {
|
||||
_synced_at: faker.date.past( )
|
||||
} )
|
||||
];
|
||||
|
||||
const mockUser = factory( "LocalUser", {
|
||||
login: faker.internet.userName( ),
|
||||
iconUrl: faker.image.url( ),
|
||||
locale: "en"
|
||||
} );
|
||||
|
||||
const writeObservationsToRealm = ( observations, message ) => {
|
||||
const realm = global.mockRealms[__filename];
|
||||
safeRealmWrite( realm, ( ) => {
|
||||
observations.forEach( mockObservation => {
|
||||
realm.create( "Observation", mockObservation );
|
||||
} );
|
||||
}, message );
|
||||
};
|
||||
|
||||
// UNIQUE REALM SETUP
|
||||
const mockRealmIdentifier = __filename;
|
||||
const { mockRealmModelsIndex, uniqueRealmBeforeAll, uniqueRealmAfterAll } = setupUniqueRealm(
|
||||
mockRealmIdentifier
|
||||
);
|
||||
jest.mock( "realmModels/index", ( ) => mockRealmModelsIndex );
|
||||
jest.mock( "providers/contexts", ( ) => {
|
||||
const originalModule = jest.requireActual( "providers/contexts" );
|
||||
return {
|
||||
__esModule: true,
|
||||
...originalModule,
|
||||
RealmContext: {
|
||||
...originalModule.RealmContext,
|
||||
useRealm: ( ) => global.mockRealms[mockRealmIdentifier],
|
||||
useQuery: ( ) => []
|
||||
}
|
||||
};
|
||||
} );
|
||||
beforeAll( uniqueRealmBeforeAll );
|
||||
afterAll( uniqueRealmAfterAll );
|
||||
// /UNIQUE REALM SETUP
|
||||
|
||||
beforeEach( ( ) => {
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false,
|
||||
isAllAddObsOptionsMode: true
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "MyObservations", ( ) => {
|
||||
describe( "when signed in", ( ) => {
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
jest.useFakeTimers( );
|
||||
} );
|
||||
|
||||
afterEach( async ( ) => {
|
||||
await signOut( { realm: global.mockRealms[__filename] } );
|
||||
} );
|
||||
|
||||
describe( "with synced observations", ( ) => {
|
||||
beforeEach( ( ) => {
|
||||
writeObservationsToRealm(
|
||||
mockSyncedObservations,
|
||||
"MyObservations integration test with synced observations"
|
||||
);
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
jest.clearAllMocks( );
|
||||
} );
|
||||
|
||||
it( "should trigger manual observation sync on pull-to-refresh", async ( ) => {
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
|
||||
const myObsList = await screen.findByTestId( "MyObservationsAnimatedList" );
|
||||
|
||||
fireEvent.scroll( myObsList, {
|
||||
nativeEvent: {
|
||||
contentOffset: { y: -100 },
|
||||
contentSize: { height: 1000, width: 100 },
|
||||
layoutMeasurement: { height: 500, width: 100 }
|
||||
}
|
||||
} );
|
||||
|
||||
expect( inatjs.observations.deleted ).toHaveBeenCalled( );
|
||||
} );
|
||||
|
||||
describe( "on screen focus", ( ) => {
|
||||
beforeEach( ( ) => {
|
||||
zustandStorage.setItem( "lastDeletedSyncTime", "2024-05-01" );
|
||||
} );
|
||||
|
||||
it( "downloads deleted observations from server when screen focused", async ( ) => {
|
||||
const realm = global.mockRealms[__filename];
|
||||
expect( realm.objects( "Observation" ).length ).toBeGreaterThan( 0 );
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.observations.deleted ).toHaveBeenCalledWith(
|
||||
{
|
||||
since: "2024-05-01"
|
||||
},
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
|
||||
it( "deletes local observations if they have been deleted on server", async ( ) => {
|
||||
inatjs.observations.deleted.mockResolvedValue( makeResponse( mockDeletedIds ) );
|
||||
renderAppWithComponent( <MyObservationsContainer /> );
|
||||
const deleteSpy = jest.spyOn( global.mockRealms[__filename], "delete" );
|
||||
await waitFor( ( ) => {
|
||||
expect( deleteSpy ).toHaveBeenCalledTimes( 1 );
|
||||
} );
|
||||
expect( global.mockRealms[__filename].objects( "Observation" ).length ).toBe( 1 );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
349
tests/integration/broken/SuggestionsWithUnsyncedObs.test.js
Normal file
349
tests/integration/broken/SuggestionsWithUnsyncedObs.test.js
Normal file
@@ -0,0 +1,349 @@
|
||||
import {
|
||||
useNetInfo
|
||||
} from "@react-native-community/netinfo";
|
||||
import {
|
||||
screen,
|
||||
userEvent,
|
||||
waitFor,
|
||||
within
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
import * as useLocationPermission from "sharedHooks/useLocationPermission.tsx";
|
||||
import { SCREEN_AFTER_PHOTO_EVIDENCE } from "stores/createLayoutSlice.ts";
|
||||
import useStore from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import { renderAppWithObservations } from "tests/helpers/render";
|
||||
import setStoreStateLayout from "tests/helpers/setStoreStateLayout";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { getPredictionsForImage } from "vision-camera-plugin-inatvision";
|
||||
|
||||
// Not my favorite code, but this patch is necessary to get tests passing right
|
||||
// now unless we can figure out why Animated.Value is being passed undefined,
|
||||
// which seems related to the AICamera
|
||||
const OriginalValue = Animated.Value;
|
||||
|
||||
beforeEach( () => {
|
||||
// Patch the Value constructor to be safer with undefined values
|
||||
Animated.Value = function ( val ) {
|
||||
return new OriginalValue( val === undefined
|
||||
? 0
|
||||
: val );
|
||||
};
|
||||
} );
|
||||
|
||||
afterEach( () => {
|
||||
// Restore original implementation
|
||||
Animated.Value = OriginalValue;
|
||||
} );
|
||||
|
||||
const mockModelResult = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 86
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 96
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 10,
|
||||
combined_score: 40
|
||||
} )]
|
||||
};
|
||||
|
||||
const mockModelResultNoConfidence = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 70
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 65
|
||||
} )
|
||||
]
|
||||
};
|
||||
|
||||
const mockModelResultWithHuman = {
|
||||
predictions: [
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 20,
|
||||
combined_score: 86
|
||||
} ),
|
||||
factory( "ModelPrediction", {
|
||||
rank_level: 30,
|
||||
combined_score: 96,
|
||||
name: "Homo"
|
||||
} )
|
||||
]
|
||||
};
|
||||
|
||||
jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
||||
OS: "ios",
|
||||
select: jest.fn( ),
|
||||
Version: 11
|
||||
} ) );
|
||||
|
||||
const mockFetchUserLocation = jest.fn( () => ( { latitude: 56, longitude: 9, accuracy: 8 } ) );
|
||||
jest.mock( "sharedHelpers/fetchAccurateUserLocation", () => ( {
|
||||
__esModule: true,
|
||||
default: () => mockFetchUserLocation()
|
||||
} ) );
|
||||
|
||||
// We're explicitly testing navigation here so we want react-navigation
|
||||
// working normally
|
||||
jest.unmock( "@react-navigation/native" );
|
||||
|
||||
// UNIQUE REALM SETUP
|
||||
const mockRealmIdentifier = __filename;
|
||||
const { mockRealmModelsIndex, uniqueRealmBeforeAll, uniqueRealmAfterAll } = setupUniqueRealm(
|
||||
mockRealmIdentifier
|
||||
);
|
||||
jest.mock( "realmModels/index", ( ) => mockRealmModelsIndex );
|
||||
jest.mock( "providers/contexts", ( ) => {
|
||||
const originalModule = jest.requireActual( "providers/contexts" );
|
||||
return {
|
||||
__esModule: true,
|
||||
...originalModule,
|
||||
RealmContext: {
|
||||
...originalModule.RealmContext,
|
||||
useRealm: ( ) => global.mockRealms[mockRealmIdentifier],
|
||||
useQuery: ( ) => []
|
||||
}
|
||||
};
|
||||
} );
|
||||
beforeAll( uniqueRealmBeforeAll );
|
||||
afterAll( uniqueRealmAfterAll );
|
||||
// /UNIQUE REALM SETUP
|
||||
|
||||
const initialStoreState = useStore.getState( );
|
||||
beforeAll( async ( ) => {
|
||||
useStore.setState( initialStoreState, true );
|
||||
// userEvent recommends fake timers
|
||||
jest.useFakeTimers( );
|
||||
} );
|
||||
|
||||
// Mock the response from inatjs.computervision.score_image
|
||||
const topSuggestion = {
|
||||
taxon: factory.states( "genus" )( "RemoteTaxon", { name: "Primum" } ),
|
||||
combined_score: 90
|
||||
};
|
||||
|
||||
const mockLocalTaxon = {
|
||||
id: 144351,
|
||||
name: "Poecile",
|
||||
rank_level: 20,
|
||||
default_photo: {
|
||||
url: "fake_image_url"
|
||||
}
|
||||
};
|
||||
|
||||
const mockUser = factory( "LocalUser" );
|
||||
|
||||
const makeMockObservations = ( ) => ( [
|
||||
factory( "RemoteObservation", {
|
||||
_synced_at: null,
|
||||
needsSync: jest.fn( ( ) => true ),
|
||||
wasSynced: jest.fn( ( ) => false ),
|
||||
// Suggestions won't load without a photo
|
||||
observationPhotos: [
|
||||
factory( "RemoteObservationPhoto" )
|
||||
],
|
||||
user: mockUser,
|
||||
observed_on_string: "2020-01-01"
|
||||
} )
|
||||
] );
|
||||
|
||||
const makeMockObservationsWithLocation = ( ) => ( [
|
||||
factory( "RemoteObservation", {
|
||||
_synced_at: null,
|
||||
needsSync: jest.fn( ( ) => true ),
|
||||
wasSynced: jest.fn( ( ) => false ),
|
||||
// Suggestions won't load without a photo
|
||||
observationPhotos: [
|
||||
factory( "RemoteObservationPhoto" )
|
||||
],
|
||||
user: mockUser,
|
||||
observed_on_string: "2020-01-01",
|
||||
latitude: 4,
|
||||
longitude: 10
|
||||
} )
|
||||
] );
|
||||
|
||||
const actor = userEvent.setup( );
|
||||
|
||||
const navigateToSuggestionsViaAICamera = async ( ) => {
|
||||
const tabBar = await screen.findByTestId( "CustomTabBar" );
|
||||
const addObsButton = await within( tabBar ).findByLabelText( "Add observations" );
|
||||
await actor.press( addObsButton );
|
||||
const cameraButton = await screen.findByLabelText( /AI Camera/ );
|
||||
await actor.press( cameraButton );
|
||||
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
};
|
||||
|
||||
const setupAppWithSignedInUser = async hasLocation => {
|
||||
const observations = hasLocation
|
||||
? makeMockObservationsWithLocation( )
|
||||
: makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false,
|
||||
screenAfterPhotoEvidence: SCREEN_AFTER_PHOTO_EVIDENCE.SUGGESTIONS,
|
||||
isAllAddObsOptionsMode: true
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
return { observations };
|
||||
};
|
||||
|
||||
describe( "from AICamera directly", ( ) => {
|
||||
global.withAnimatedTimeTravelEnabled( { skipFakeTimers: true } );
|
||||
beforeEach( async ( ) => {
|
||||
inatjs.computervision.score_image
|
||||
.mockResolvedValue( makeResponse( [topSuggestion] ) );
|
||||
jest.spyOn( usePredictions, "default" ).mockImplementation( () => ( {
|
||||
handleTaxaDetected: jest.fn( ),
|
||||
modelLoaded: true,
|
||||
result: {
|
||||
taxon: mockLocalTaxon
|
||||
},
|
||||
setResult: jest.fn( )
|
||||
} ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
inatjs.computervision.score_image.mockReset( );
|
||||
} );
|
||||
|
||||
describe( "suggestions with location", ( ) => {
|
||||
it( "should call score_image with location parameters on first render", async ( ) => {
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.computervision.score_image ).toHaveBeenCalledWith(
|
||||
expect.objectContaining( {
|
||||
// Don't care about fields here
|
||||
fields: expect.any( Object ),
|
||||
image: expect.any( Object ),
|
||||
lat: 56,
|
||||
lng: 9
|
||||
} ),
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "suggestions without location permissions", ( ) => {
|
||||
it( "should not call score_image with location parameters on first render"
|
||||
+ " if location permission not given", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: false,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
mockFetchUserLocation.mockReturnValue( null );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
await waitFor( ( ) => {
|
||||
global.timeTravel( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( screen.getByText( /IMPROVE THESE SUGGESTIONS/ ) ).toBeOnTheScreen( );
|
||||
} );
|
||||
const ignoreLocationButton = screen.queryByText( /IGNORE LOCATION/ );
|
||||
expect( ignoreLocationButton ).toBeFalsy( );
|
||||
const useLocationButton = screen.queryByText( /USE LOCATION/ );
|
||||
expect( useLocationButton ).toBeFalsy( );
|
||||
await waitFor( ( ) => {
|
||||
expect( inatjs.computervision.score_image ).toHaveBeenCalledWith(
|
||||
expect.not.objectContaining( {
|
||||
lat: 56,
|
||||
lng: 9
|
||||
} ),
|
||||
expect.anything( )
|
||||
);
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "suggestions while offline", ( ) => {
|
||||
it( "should not call score_image and should not show any location buttons", async ( ) => {
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
expect( inatjs.computervision.score_image ).not.toHaveBeenCalled( );
|
||||
const usePermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
expect( usePermissionsButton ).toBeFalsy( );
|
||||
const ignoreLocationButton = screen.queryByText( /IGNORE LOCATION/ );
|
||||
expect( ignoreLocationButton ).toBeFalsy( );
|
||||
const useLocationButton = screen.queryByText( /USE LOCATION/ );
|
||||
expect( useLocationButton ).toBeFalsy( );
|
||||
} );
|
||||
|
||||
it( "should show top suggestion with finest rank if a prediction"
|
||||
+ " is above offline threshold", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResult )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
const topTaxonSuggestion = await screen.findByLabelText( /Choose top taxon/ );
|
||||
expect( topTaxonSuggestion ).toHaveProp(
|
||||
"testID",
|
||||
`SuggestionsList.taxa.${mockModelResult.predictions[1].taxon_id}.checkmark`
|
||||
);
|
||||
} );
|
||||
|
||||
it( "should show not confident message if no predictions"
|
||||
+ " meet the offline threshold", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResultNoConfidence )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
|
||||
const notConfidentText = await screen.findByText( /not confident enough to make a top ID suggestion/ );
|
||||
await waitFor( ( ) => {
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( notConfidentText ).toBeOnTheScreen( );
|
||||
} );
|
||||
const otherSuggestion = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${mockModelResultNoConfidence.predictions[1].taxon_id}.checkmark`
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( otherSuggestion ).toBeOnTheScreen( );
|
||||
} );
|
||||
|
||||
it( "should only show top human suggestion if human predicted offline", async ( ) => {
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResultWithHuman )
|
||||
);
|
||||
useNetInfo.mockImplementation( ( ) => ( { isConnected: false } ) );
|
||||
await setupAppWithSignedInUser( );
|
||||
await navigateToSuggestionsViaAICamera( );
|
||||
|
||||
const topTaxonSuggestion = await screen.findByLabelText( /Choose top taxon/ );
|
||||
const humanPrediction = mockModelResultWithHuman.predictions
|
||||
.find( p => p.name === "Homo" );
|
||||
|
||||
expect( topTaxonSuggestion ).toHaveProp(
|
||||
"testID",
|
||||
`SuggestionsList.taxa.${humanPrediction.taxon_id}.checkmark`
|
||||
);
|
||||
|
||||
const otherSuggestionsText = screen.queryByText( /OTHER SUGGESTIONS/ );
|
||||
expect( otherSuggestionsText ).toBeFalsy( );
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
@@ -3,7 +3,6 @@ import {
|
||||
userEvent,
|
||||
within
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import initI18next from "i18n/initI18next";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
@@ -45,15 +44,6 @@ jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
||||
Version: 11
|
||||
} ) );
|
||||
|
||||
const mockLocalTaxon = {
|
||||
id: 144351,
|
||||
name: "Poecile",
|
||||
rank_level: 20,
|
||||
default_photo: {
|
||||
url: "fake_image_url"
|
||||
}
|
||||
};
|
||||
|
||||
const mockModelResult = {
|
||||
predictions: [factory( "ModelPrediction", {
|
||||
// useOfflineSuggestions will filter out taxa w/ rank_level > 40
|
||||
@@ -130,26 +120,6 @@ const navToAICamera = async ( ) => {
|
||||
await actor.press( cameraButton );
|
||||
};
|
||||
|
||||
const takePhotoAndNavToSuggestions = async ( ) => {
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
};
|
||||
|
||||
const navToObsEditWithTopSuggestion = async ( ) => {
|
||||
const topTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${topSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
await actor.press( topTaxonResultButton );
|
||||
const evidenceList = await screen.findByTestId( "EvidenceList.DraggableFlatList" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( evidenceList ).toBeOnTheScreen( );
|
||||
// one photo from AICamera
|
||||
expect( evidenceList.props.data.length ).toEqual( 1 );
|
||||
};
|
||||
|
||||
describe( "AICamera navigation with advanced user layout", ( ) => {
|
||||
describe( "from MyObs", ( ) => {
|
||||
it( "should return to MyObs when close button tapped", async ( ) => {
|
||||
@@ -164,54 +134,4 @@ describe( "AICamera navigation with advanced user layout", ( ) => {
|
||||
).toBeTruthy( );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "to Suggestions", ( ) => {
|
||||
beforeEach( ( ) => {
|
||||
jest.spyOn( usePredictions, "default" ).mockImplementation( () => ( {
|
||||
handleTaxaDetected: jest.fn( ),
|
||||
modelLoaded: true,
|
||||
result: {
|
||||
taxon: mockLocalTaxon
|
||||
},
|
||||
setResult: jest.fn( )
|
||||
} ) );
|
||||
} );
|
||||
|
||||
it( "should advance to suggestions screen", async ( ) => {
|
||||
renderApp( );
|
||||
await navToAICamera( );
|
||||
expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
await takePhotoAndNavToSuggestions( );
|
||||
} );
|
||||
|
||||
it( "should advance to suggestions then obs edit", async ( ) => {
|
||||
renderApp( );
|
||||
await navToAICamera( );
|
||||
expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
await takePhotoAndNavToSuggestions( );
|
||||
await navToObsEditWithTopSuggestion( );
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
|
||||
// TODO: we can't test back behavior as reliably in React Navigation 7;
|
||||
// recommend moving this to an e2e test rather than an integation test
|
||||
it.todo( "should advance from suggestions to obs edit, back out to AI camera, and"
|
||||
+ " advance to obs edit with a single observation photo" );
|
||||
|
||||
// it( "should advance from suggestions to obs edit, back out to AI camera, and"
|
||||
// + " advance to obs edit with a single observation photo", async ( ) => {
|
||||
// renderApp( );
|
||||
// await navToAICamera( );
|
||||
// expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
// await takePhotoAndNavToSuggestions( );
|
||||
// await navToObsEditWithTopSuggestion( );
|
||||
// const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// await actor.press( obsEditBackButton );
|
||||
// BackHandler.mockPressBack( );
|
||||
// await takePhotoAndNavToSuggestions( );
|
||||
// await navToObsEditWithTopSuggestion( );
|
||||
// } );
|
||||
} );
|
||||
} );
|
||||
|
||||
@@ -1,17 +1,11 @@
|
||||
import {
|
||||
act,
|
||||
screen,
|
||||
userEvent,
|
||||
waitFor,
|
||||
within
|
||||
userEvent
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import initI18next from "i18n/initI18next";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
import * as useLocationPermission from "sharedHooks/useLocationPermission.tsx";
|
||||
import { SCREEN_AFTER_PHOTO_EVIDENCE } from "stores/createLayoutSlice.ts";
|
||||
import useStore from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import faker from "tests/helpers/faker";
|
||||
import { renderAppWithObservations } from "tests/helpers/render";
|
||||
@@ -152,22 +146,6 @@ describe( "Suggestions", ( ) => {
|
||||
}
|
||||
}
|
||||
|
||||
async function navigateToSuggestionsViaCameraForObservation( ) {
|
||||
const tabBar = await screen.findByTestId( "CustomTabBar" );
|
||||
const addObsButton = await within( tabBar ).findByLabelText( "Add observations" );
|
||||
await actor.press( addObsButton );
|
||||
const cameraButton = await screen.findByLabelText( /AI Camera/ );
|
||||
await actor.press( cameraButton );
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
await waitFor( ( ) => {
|
||||
global.timeTravel( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
}
|
||||
|
||||
describe( "when reached from ObsEdit", ( ) => {
|
||||
// Mock the response from inatjs.computervision.score_image
|
||||
beforeEach( async ( ) => {
|
||||
@@ -185,36 +163,6 @@ describe( "Suggestions", ( ) => {
|
||||
inatjs.taxa.fetch.mockClear( );
|
||||
} );
|
||||
|
||||
it(
|
||||
"should navigate back to ObsEdit with expected observation when top suggestion chosen",
|
||||
async ( ) => {
|
||||
const observations = makeUnsyncedObservations( );
|
||||
useStore.setState( { observations } );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0] );
|
||||
const topTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${topSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
expect( topTaxonResultButton ).toBeTruthy( );
|
||||
await actor.press( topTaxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( await screen.findByText( /Obscured/ ) ).toBeOnTheScreen( );
|
||||
}
|
||||
);
|
||||
|
||||
it( "should navigate back to ObsEdit when another suggestion chosen", async ( ) => {
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0] );
|
||||
const otherTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${otherSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
expect( otherTaxonResultButton ).toBeTruthy( );
|
||||
await actor.press( otherTaxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
} );
|
||||
|
||||
it( "should show the add ID later button if there's no taxon", async ( ) => {
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
@@ -272,89 +220,4 @@ describe( "Suggestions", ( ) => {
|
||||
// expect( screen.queryByText( "Add an ID Later" ) ).toBeFalsy( );
|
||||
// } );
|
||||
} );
|
||||
|
||||
describe( "when reached from AI Camera directly", ( ) => {
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false,
|
||||
screenAfterPhotoEvidence: SCREEN_AFTER_PHOTO_EVIDENCE.SUGGESTIONS,
|
||||
isAllAddObsOptionsMode: true
|
||||
} );
|
||||
inatjs.computervision.score_image
|
||||
.mockResolvedValue( makeResponse( [topSuggestion] ) );
|
||||
jest.spyOn( usePredictions, "default" ).mockImplementation( () => ( {
|
||||
handleTaxaDetected: jest.fn( ),
|
||||
modelLoaded: true,
|
||||
result: {
|
||||
taxon: []
|
||||
},
|
||||
setResult: jest.fn( )
|
||||
} ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
signOut( { realm: global.mockRealms[__filename] } );
|
||||
inatjs.computervision.score_image.mockClear( );
|
||||
} );
|
||||
|
||||
it( "should not show location permissions button if permissions granted", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: true,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaCameraForObservation( observations[0] );
|
||||
const locationPermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
expect( locationPermissionsButton ).toBeFalsy( );
|
||||
} );
|
||||
|
||||
it( "should show location permissions button if permissions not granted", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: false,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaCameraForObservation( observations[0] );
|
||||
const locationPermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( locationPermissionsButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "TaxonSearch", ( ) => {
|
||||
it(
|
||||
"should navigate back to ObsEdit with expected observation"
|
||||
+ " when reached from ObsEdit via Suggestions and search result chosen",
|
||||
async ( ) => {
|
||||
const observations = makeUnsyncedObservations();
|
||||
useStore.setState( { observations } );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0], {
|
||||
toTaxonSearch: true
|
||||
} );
|
||||
const searchInput = await screen.findByLabelText( "Search for a taxon" );
|
||||
const mockSearchResultTaxon = factory( "RemoteTaxon" );
|
||||
inatjs.search.mockResolvedValue( makeResponse( [
|
||||
{ taxon: mockSearchResultTaxon }
|
||||
] ) );
|
||||
await act(
|
||||
async ( ) => actor.type(
|
||||
searchInput,
|
||||
"doesn't really matter since we're mocking the response"
|
||||
)
|
||||
);
|
||||
const taxonResultButton = await screen.findByTestId(
|
||||
`Search.taxa.${mockSearchResultTaxon.id}.checkmark`
|
||||
);
|
||||
expect( taxonResultButton ).toBeTruthy( );
|
||||
await actor.press( taxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( await screen.findByText( /Obscured/ ) ).toBeOnTheScreen( );
|
||||
}
|
||||
);
|
||||
} );
|
||||
} );
|
||||
|
||||
@@ -103,47 +103,6 @@ describe( "TaxonDetails", ( ) => {
|
||||
expect( topIdTitle ).toBeOnTheScreen( );
|
||||
}
|
||||
|
||||
async function navigateToTaxonDetailsFromSuggestions( ) {
|
||||
await expectToBeOnSuggestions( );
|
||||
const suggestedTaxonName = await screen.findByText( topSuggestion.taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( suggestedTaxonName ).toBeOnTheScreen( );
|
||||
await actor.press( suggestedTaxonName );
|
||||
const taxonDetailsScreen = await screen.findByTestId(
|
||||
`TaxonDetails.${topSuggestion.taxon.id}`
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( taxonDetailsScreen ).toBeOnTheScreen( );
|
||||
}
|
||||
|
||||
// navigate to ObsDetails -> Suggest ID -> Suggestions -> TaxonDetails
|
||||
async function navigateToTaxonDetailsViaSuggestId( observation ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
`MyObservations.obsGridItem.${observation.uuid}`
|
||||
);
|
||||
await actor.press( observationGridItem );
|
||||
const suggestIdButton = await screen.findByText( /SUGGEST ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( suggestIdButton ).toBeOnTheScreen( );
|
||||
await actor.press( suggestIdButton );
|
||||
return navigateToTaxonDetailsFromSuggestions( );
|
||||
}
|
||||
|
||||
// navigate to ObsEdit -> Suggestions -> TaxonDetails
|
||||
async function navigateToTaxonDetailsViaObsEdit( observation ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
`MyObservations.obsGridItem.${observation.uuid}`
|
||||
);
|
||||
await actor.press( observationGridItem );
|
||||
const editButton = await screen.findByLabelText( /Edit/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( editButton ).toBeOnTheScreen( );
|
||||
await actor.press( editButton );
|
||||
const observationTaxonName = await screen.findByText( observation.taxon.name );
|
||||
await actor.press( observationTaxonName );
|
||||
return navigateToTaxonDetailsFromSuggestions( );
|
||||
}
|
||||
|
||||
// navigate to ObsEdit -> Suggestions -> TaxonSearch -> TaxonDetails
|
||||
async function navigateToTaxonDetailsViaTaxonSearch( observation ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
@@ -177,77 +136,6 @@ describe( "TaxonDetails", ( ) => {
|
||||
return mockTaxaList[0];
|
||||
}
|
||||
|
||||
// navigate to ObsEdit -> Suggestions -> TaxonDetails -> ancestor TaxonDetails
|
||||
async function navigateToTaxonDetailsViaTaxonDetails( observation ) {
|
||||
await navigateToTaxonDetailsViaObsEdit( observation );
|
||||
// navigate to an ancestor taxon details page
|
||||
const ancestorTaxonName = await screen.findByText( topSuggestion.taxon.ancestors[0].name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( ancestorTaxonName ).toBeOnTheScreen( );
|
||||
inatjs.taxa.fetch.mockResolvedValue( makeResponse( [topSuggestion.taxon.ancestors[0]] ) );
|
||||
await actor.press( ancestorTaxonName );
|
||||
}
|
||||
|
||||
it(
|
||||
"should navigate from ObsDetails -> ObsDetails when taxon is selected",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaSuggestId( observations[0] );
|
||||
// make sure we're on TaxonDetails
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsDetails screen
|
||||
expect( await screen.findByTestId( `ObsDetails.${observations[0].uuid}` ) ).toBeTruthy( );
|
||||
// suggest ID should be popped open with the suggested taxon
|
||||
const bottomSheetText = await screen.findByText(
|
||||
/Would you like to suggest the following identification/
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( bottomSheetText ).toBeOnTheScreen( );
|
||||
const selectedTaxonName = await screen.findByText( taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectedTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeTruthy( );
|
||||
}
|
||||
);
|
||||
|
||||
it(
|
||||
"should navigate from obs create -> ObsEdit when taxon is selected",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaObsEdit( observations[0] );
|
||||
// make sure we're on TaxonDetails
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsEdit screen
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
const selectedTaxonName = await screen.findByText( taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectedTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeTruthy( );
|
||||
}
|
||||
);
|
||||
|
||||
it(
|
||||
"should create an observation with false vision attribute when reached from TaxonSearch",
|
||||
async ( ) => {
|
||||
@@ -275,35 +163,4 @@ describe( "TaxonDetails", ( ) => {
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeFalsy( );
|
||||
}
|
||||
);
|
||||
|
||||
it(
|
||||
"should create an observation with false vision attribute when reached from"
|
||||
+ " ancestor taxon details screen",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaTaxonDetails( observations[0] );
|
||||
// make sure we're on TaxonDetails ancestor screen
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsEdit screen
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
|
||||
// selected taxon
|
||||
const ancestorTaxonName = await screen.findByText( taxon.ancestors[0].name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( ancestorTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeFalsy( );
|
||||
}
|
||||
);
|
||||
} );
|
||||
|
||||
203
tests/integration/navigation/broken/AICamera.test.js
Normal file
203
tests/integration/navigation/broken/AICamera.test.js
Normal file
@@ -0,0 +1,203 @@
|
||||
import {
|
||||
screen,
|
||||
userEvent,
|
||||
within
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import initI18next from "i18n/initI18next";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
import { SCREEN_AFTER_PHOTO_EVIDENCE } from "stores/createLayoutSlice.ts";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import { renderApp } from "tests/helpers/render";
|
||||
import setStoreStateLayout from "tests/helpers/setStoreStateLayout";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { signIn, signOut } from "tests/helpers/user";
|
||||
import { getPredictionsForImage } from "vision-camera-plugin-inatvision";
|
||||
|
||||
// We're explicitly testing navigation here so we want react-navigation
|
||||
// working normally
|
||||
jest.unmock( "@react-navigation/native" );
|
||||
|
||||
// Not my favorite code, but this patch is necessary to get tests passing right
|
||||
// now unless we can figure out why Animated.Value is being passed undefined,
|
||||
// which seems specifically related to the AICamera (this is also happening in the
|
||||
// Suggestions and SuggestionsWithUnsyncedObs tests which use the AICamera)
|
||||
const OriginalValue = Animated.Value;
|
||||
|
||||
beforeEach( () => {
|
||||
// Patch the Value constructor to be safer with undefined values
|
||||
Animated.Value = function ( val ) {
|
||||
return new OriginalValue( val === undefined
|
||||
? 0
|
||||
: val );
|
||||
};
|
||||
} );
|
||||
|
||||
afterEach( () => {
|
||||
// Restore original implementation
|
||||
Animated.Value = OriginalValue;
|
||||
} );
|
||||
|
||||
jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
||||
OS: "ios",
|
||||
select: jest.fn( ),
|
||||
Version: 11
|
||||
} ) );
|
||||
|
||||
const mockLocalTaxon = {
|
||||
id: 144351,
|
||||
name: "Poecile",
|
||||
rank_level: 20,
|
||||
default_photo: {
|
||||
url: "fake_image_url"
|
||||
}
|
||||
};
|
||||
|
||||
const mockModelResult = {
|
||||
predictions: [factory( "ModelPrediction", {
|
||||
// useOfflineSuggestions will filter out taxa w/ rank_level > 40
|
||||
rank_level: 20
|
||||
} )]
|
||||
};
|
||||
inatjs.computervision.score_image.mockResolvedValue( makeResponse( [] ) );
|
||||
getPredictionsForImage.mockImplementation(
|
||||
async ( ) => ( mockModelResult )
|
||||
);
|
||||
|
||||
// UNIQUE REALM SETUP
|
||||
const mockRealmIdentifier = __filename;
|
||||
const { mockRealmModelsIndex, uniqueRealmBeforeAll, uniqueRealmAfterAll } = setupUniqueRealm(
|
||||
mockRealmIdentifier
|
||||
);
|
||||
jest.mock( "realmModels/index", ( ) => mockRealmModelsIndex );
|
||||
jest.mock( "providers/contexts", ( ) => {
|
||||
const originalModule = jest.requireActual( "providers/contexts" );
|
||||
return {
|
||||
__esModule: true,
|
||||
...originalModule,
|
||||
RealmContext: {
|
||||
...originalModule.RealmContext,
|
||||
useRealm: ( ) => global.mockRealms[mockRealmIdentifier],
|
||||
useQuery: ( ) => []
|
||||
}
|
||||
};
|
||||
} );
|
||||
beforeAll( uniqueRealmBeforeAll );
|
||||
afterAll( uniqueRealmAfterAll );
|
||||
// /UNIQUE REALM SETUP
|
||||
|
||||
beforeAll( async () => {
|
||||
await initI18next();
|
||||
jest.useFakeTimers( );
|
||||
} );
|
||||
|
||||
// Mock the response from inatjs.computervision.score_image
|
||||
const topSuggestion = {
|
||||
taxon: factory.states( "genus" )( "RemoteTaxon", { name: "Primum" } ),
|
||||
combined_score: 90
|
||||
};
|
||||
|
||||
const mockUser = factory( "LocalUser" );
|
||||
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false,
|
||||
screenAfterPhotoEvidence: SCREEN_AFTER_PHOTO_EVIDENCE.SUGGESTIONS,
|
||||
isAllAddObsOptionsMode: true
|
||||
} );
|
||||
inatjs.computervision.score_image.mockResolvedValue( makeResponse( [topSuggestion] ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
signOut( { realm: global.mockRealms[__filename] } );
|
||||
} );
|
||||
|
||||
const mockFetchUserLocation = jest.fn( () => ( { latitude: 56, longitude: 9, accuracy: 8 } ) );
|
||||
jest.mock( "sharedHelpers/fetchAccurateUserLocation", () => ( {
|
||||
__esModule: true,
|
||||
default: () => mockFetchUserLocation()
|
||||
} ) );
|
||||
|
||||
const actor = userEvent.setup( );
|
||||
|
||||
const navToAICamera = async ( ) => {
|
||||
const tabBar = await screen.findByTestId( "CustomTabBar" );
|
||||
const addObsButton = await within( tabBar ).findByLabelText( "Add observations" );
|
||||
await actor.press( addObsButton );
|
||||
const cameraButton = await screen.findByLabelText( /AI Camera/ );
|
||||
await actor.press( cameraButton );
|
||||
};
|
||||
|
||||
const takePhotoAndNavToSuggestions = async ( ) => {
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
};
|
||||
|
||||
const navToObsEditWithTopSuggestion = async ( ) => {
|
||||
const topTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${topSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
await actor.press( topTaxonResultButton );
|
||||
const evidenceList = await screen.findByTestId( "EvidenceList.DraggableFlatList" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( evidenceList ).toBeOnTheScreen( );
|
||||
// one photo from AICamera
|
||||
expect( evidenceList.props.data.length ).toEqual( 1 );
|
||||
};
|
||||
|
||||
describe( "AICamera navigation with advanced user layout", ( ) => {
|
||||
describe( "to Suggestions", ( ) => {
|
||||
beforeEach( ( ) => {
|
||||
jest.spyOn( usePredictions, "default" ).mockImplementation( () => ( {
|
||||
handleTaxaDetected: jest.fn( ),
|
||||
modelLoaded: true,
|
||||
result: {
|
||||
taxon: mockLocalTaxon
|
||||
},
|
||||
setResult: jest.fn( )
|
||||
} ) );
|
||||
} );
|
||||
|
||||
it( "should advance to suggestions screen", async ( ) => {
|
||||
renderApp( );
|
||||
await navToAICamera( );
|
||||
expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
await takePhotoAndNavToSuggestions( );
|
||||
} );
|
||||
|
||||
it( "should advance to suggestions then obs edit", async ( ) => {
|
||||
renderApp( );
|
||||
await navToAICamera( );
|
||||
expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
await takePhotoAndNavToSuggestions( );
|
||||
await navToObsEditWithTopSuggestion( );
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
|
||||
// TODO: we can't test back behavior as reliably in React Navigation 7;
|
||||
// recommend moving this to an e2e test rather than an integation test
|
||||
it.todo( "should advance from suggestions to obs edit, back out to AI camera, and"
|
||||
+ " advance to obs edit with a single observation photo" );
|
||||
|
||||
// it( "should advance from suggestions to obs edit, back out to AI camera, and"
|
||||
// + " advance to obs edit with a single observation photo", async ( ) => {
|
||||
// renderApp( );
|
||||
// await navToAICamera( );
|
||||
// expect( await screen.findByText( mockLocalTaxon.name ) ).toBeTruthy( );
|
||||
// await takePhotoAndNavToSuggestions( );
|
||||
// await navToObsEditWithTopSuggestion( );
|
||||
// const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// await actor.press( obsEditBackButton );
|
||||
// BackHandler.mockPressBack( );
|
||||
// await takePhotoAndNavToSuggestions( );
|
||||
// await navToObsEditWithTopSuggestion( );
|
||||
// } );
|
||||
} );
|
||||
} );
|
||||
287
tests/integration/navigation/broken/Suggestions.test.js
Normal file
287
tests/integration/navigation/broken/Suggestions.test.js
Normal file
@@ -0,0 +1,287 @@
|
||||
import {
|
||||
act,
|
||||
screen,
|
||||
userEvent,
|
||||
waitFor,
|
||||
within
|
||||
} from "@testing-library/react-native";
|
||||
import * as usePredictions from "components/Camera/AICamera/hooks/usePredictions.ts";
|
||||
import initI18next from "i18n/initI18next";
|
||||
import inatjs from "inaturalistjs";
|
||||
import { Animated } from "react-native";
|
||||
import * as useLocationPermission from "sharedHooks/useLocationPermission.tsx";
|
||||
import { SCREEN_AFTER_PHOTO_EVIDENCE } from "stores/createLayoutSlice.ts";
|
||||
import useStore from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import faker from "tests/helpers/faker";
|
||||
import { renderAppWithObservations } from "tests/helpers/render";
|
||||
import setStoreStateLayout from "tests/helpers/setStoreStateLayout";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { signIn, signOut } from "tests/helpers/user";
|
||||
|
||||
// Not my favorite code, but this patch is necessary to get tests passing right
|
||||
// now unless we can figure out why Animated.Value is being passed undefined,
|
||||
// which seems related to the AICamera
|
||||
const OriginalValue = Animated.Value;
|
||||
|
||||
beforeEach( () => {
|
||||
// Patch the Value constructor to be safer with undefined values
|
||||
Animated.Value = function ( val ) {
|
||||
return new OriginalValue( val === undefined
|
||||
? 0
|
||||
: val );
|
||||
};
|
||||
} );
|
||||
|
||||
afterEach( () => {
|
||||
// Restore original implementation
|
||||
Animated.Value = OriginalValue;
|
||||
} );
|
||||
|
||||
jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
||||
OS: "ios",
|
||||
select: jest.fn( ),
|
||||
Version: 11
|
||||
} ) );
|
||||
|
||||
const mockFetchUserLocation = jest.fn( () => ( { latitude: 56, longitude: 9, accuracy: 8 } ) );
|
||||
jest.mock( "sharedHelpers/fetchAccurateUserLocation", () => ( {
|
||||
__esModule: true,
|
||||
default: () => mockFetchUserLocation()
|
||||
} ) );
|
||||
|
||||
// We're explicitly testing navigation here so we want react-navigation
|
||||
// working normally
|
||||
jest.unmock( "@react-navigation/native" );
|
||||
|
||||
// UNIQUE REALM SETUP
|
||||
const mockRealmIdentifier = __filename;
|
||||
const { mockRealmModelsIndex, uniqueRealmBeforeAll, uniqueRealmAfterAll } = setupUniqueRealm(
|
||||
mockRealmIdentifier
|
||||
);
|
||||
jest.mock( "realmModels/index", ( ) => mockRealmModelsIndex );
|
||||
jest.mock( "providers/contexts", ( ) => {
|
||||
const originalModule = jest.requireActual( "providers/contexts" );
|
||||
return {
|
||||
__esModule: true,
|
||||
...originalModule,
|
||||
RealmContext: {
|
||||
...originalModule.RealmContext,
|
||||
useRealm: ( ) => global.mockRealms[mockRealmIdentifier],
|
||||
useQuery: ( ) => []
|
||||
}
|
||||
};
|
||||
} );
|
||||
beforeAll( uniqueRealmBeforeAll );
|
||||
afterAll( uniqueRealmAfterAll );
|
||||
// /UNIQUE REALM SETUP
|
||||
|
||||
const makeUnsyncedObservations = options => ( [
|
||||
factory( "LocalObservation", {
|
||||
// Suggestions won't load without a photo
|
||||
observationPhotos: [
|
||||
factory( "LocalObservationPhoto" )
|
||||
],
|
||||
geoprivacy: "obscured",
|
||||
...options
|
||||
} )
|
||||
] );
|
||||
|
||||
const mockUser = factory( "LocalUser", {
|
||||
login: faker.internet.userName( ),
|
||||
iconUrl: faker.image.url( ),
|
||||
locale: "en"
|
||||
} );
|
||||
|
||||
const topSuggestion = {
|
||||
taxon: factory( "RemoteTaxon", { name: "Primum suggestion" } ),
|
||||
combined_score: 90
|
||||
};
|
||||
const otherSuggestion = {
|
||||
taxon: factory( "RemoteTaxon", { name: "Alia suggestione" } ),
|
||||
combined_score: 50
|
||||
};
|
||||
|
||||
beforeAll( async () => {
|
||||
await initI18next();
|
||||
// userEvent recommends fake timers
|
||||
jest.useFakeTimers( );
|
||||
} );
|
||||
|
||||
beforeEach( async () => {
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "Suggestions", ( ) => {
|
||||
global.withAnimatedTimeTravelEnabled( { skipFakeTimers: true } );
|
||||
const actor = userEvent.setup( );
|
||||
|
||||
// We need to navigate from MyObs to ObsEdit to Suggestions for all of these
|
||||
// tests
|
||||
async function navigateToSuggestionsViaObsEditForObservation( observation, options ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
`MyObservations.obsGridItem.${observation.uuid}`
|
||||
);
|
||||
await actor.press( observationGridItem );
|
||||
if ( options?.toTaxonSearch ) {
|
||||
const taxonSearchButton = await screen.findByText( "SEARCH" );
|
||||
await actor.press( taxonSearchButton );
|
||||
} else {
|
||||
const addIdButton = observation.taxon
|
||||
? await screen.findByLabelText( "Edit identification" )
|
||||
: await screen.findByText( "ID WITH AI" );
|
||||
await actor.press( addIdButton );
|
||||
}
|
||||
}
|
||||
|
||||
async function navigateToSuggestionsViaCameraForObservation( ) {
|
||||
const tabBar = await screen.findByTestId( "CustomTabBar" );
|
||||
const addObsButton = await within( tabBar ).findByLabelText( "Add observations" );
|
||||
await actor.press( addObsButton );
|
||||
const cameraButton = await screen.findByLabelText( /AI Camera/ );
|
||||
await actor.press( cameraButton );
|
||||
const takePhotoButton = await screen.findByLabelText( /Take photo/ );
|
||||
await actor.press( takePhotoButton );
|
||||
const addIDButton = await screen.findByText( /ADD AN ID/ );
|
||||
await waitFor( ( ) => {
|
||||
global.timeTravel( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( addIDButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
}
|
||||
|
||||
describe( "when reached from ObsEdit", ( ) => {
|
||||
// Mock the response from inatjs.computervision.score_image
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
const mockScoreImageResponse = makeResponse( [topSuggestion, otherSuggestion] );
|
||||
inatjs.computervision.score_image.mockResolvedValue( mockScoreImageResponse );
|
||||
inatjs.observations.observers.mockResolvedValue( makeResponse( ) );
|
||||
inatjs.taxa.fetch.mockResolvedValue( makeResponse( [topSuggestion.taxon] ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
signOut( { realm: global.mockRealms[__filename] } );
|
||||
inatjs.computervision.score_image.mockClear( );
|
||||
inatjs.observations.observers.mockClear( );
|
||||
inatjs.taxa.fetch.mockClear( );
|
||||
} );
|
||||
|
||||
it(
|
||||
"should navigate back to ObsEdit with expected observation when top suggestion chosen",
|
||||
async ( ) => {
|
||||
const observations = makeUnsyncedObservations( );
|
||||
useStore.setState( { observations } );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0] );
|
||||
const topTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${topSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
expect( topTaxonResultButton ).toBeTruthy( );
|
||||
await actor.press( topTaxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( await screen.findByText( /Obscured/ ) ).toBeOnTheScreen( );
|
||||
}
|
||||
);
|
||||
|
||||
it( "should navigate back to ObsEdit when another suggestion chosen", async ( ) => {
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0] );
|
||||
const otherTaxonResultButton = await screen.findByTestId(
|
||||
`SuggestionsList.taxa.${otherSuggestion.taxon.id}.checkmark`
|
||||
);
|
||||
expect( otherTaxonResultButton ).toBeTruthy( );
|
||||
await actor.press( otherTaxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "when reached from AI Camera directly", ( ) => {
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
setStoreStateLayout( {
|
||||
isDefaultMode: false,
|
||||
screenAfterPhotoEvidence: SCREEN_AFTER_PHOTO_EVIDENCE.SUGGESTIONS,
|
||||
isAllAddObsOptionsMode: true
|
||||
} );
|
||||
inatjs.computervision.score_image
|
||||
.mockResolvedValue( makeResponse( [topSuggestion] ) );
|
||||
jest.spyOn( usePredictions, "default" ).mockImplementation( () => ( {
|
||||
handleTaxaDetected: jest.fn( ),
|
||||
modelLoaded: true,
|
||||
result: {
|
||||
taxon: []
|
||||
},
|
||||
setResult: jest.fn( )
|
||||
} ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
signOut( { realm: global.mockRealms[__filename] } );
|
||||
inatjs.computervision.score_image.mockClear( );
|
||||
} );
|
||||
|
||||
it( "should not show location permissions button if permissions granted", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: true,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaCameraForObservation( observations[0] );
|
||||
const locationPermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
expect( locationPermissionsButton ).toBeFalsy( );
|
||||
} );
|
||||
|
||||
it( "should show location permissions button if permissions not granted", async ( ) => {
|
||||
jest.spyOn( useLocationPermission, "default" ).mockImplementation( ( ) => ( {
|
||||
hasPermissions: false,
|
||||
renderPermissionsGate: jest.fn( )
|
||||
} ) );
|
||||
const observations = makeUnsyncedObservations( );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaCameraForObservation( observations[0] );
|
||||
const locationPermissionsButton = screen.queryByText( /IMPROVE THESE SUGGESTIONS/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( locationPermissionsButton ).toBeOnTheScreen( );
|
||||
} );
|
||||
} );
|
||||
|
||||
describe( "TaxonSearch", ( ) => {
|
||||
it(
|
||||
"should navigate back to ObsEdit with expected observation"
|
||||
+ " when reached from ObsEdit via Suggestions and search result chosen",
|
||||
async ( ) => {
|
||||
const observations = makeUnsyncedObservations();
|
||||
useStore.setState( { observations } );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToSuggestionsViaObsEditForObservation( observations[0], {
|
||||
toTaxonSearch: true
|
||||
} );
|
||||
const searchInput = await screen.findByLabelText( "Search for a taxon" );
|
||||
const mockSearchResultTaxon = factory( "RemoteTaxon" );
|
||||
inatjs.search.mockResolvedValue( makeResponse( [
|
||||
{ taxon: mockSearchResultTaxon }
|
||||
] ) );
|
||||
await act(
|
||||
async ( ) => actor.type(
|
||||
searchInput,
|
||||
"doesn't really matter since we're mocking the response"
|
||||
)
|
||||
);
|
||||
const taxonResultButton = await screen.findByTestId(
|
||||
`Search.taxa.${mockSearchResultTaxon.id}.checkmark`
|
||||
);
|
||||
expect( taxonResultButton ).toBeTruthy( );
|
||||
await actor.press( taxonResultButton );
|
||||
expect( await screen.findByText( "EVIDENCE" ) ).toBeTruthy( );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( await screen.findByText( /Obscured/ ) ).toBeOnTheScreen( );
|
||||
}
|
||||
);
|
||||
} );
|
||||
} );
|
||||
247
tests/integration/navigation/broken/TaxonDetails.test.js
Normal file
247
tests/integration/navigation/broken/TaxonDetails.test.js
Normal file
@@ -0,0 +1,247 @@
|
||||
import {
|
||||
screen,
|
||||
userEvent
|
||||
} from "@testing-library/react-native";
|
||||
import inatjs from "inaturalistjs";
|
||||
import useStore from "stores/useStore";
|
||||
import factory, { makeResponse } from "tests/factory";
|
||||
import { renderAppWithObservations } from "tests/helpers/render";
|
||||
import setupUniqueRealm from "tests/helpers/uniqueRealm";
|
||||
import { signIn, signOut } from "tests/helpers/user";
|
||||
|
||||
const initialStoreState = useStore.getState( );
|
||||
|
||||
// We're explicitly testing navigation here so we want react-navigation
|
||||
// working normally
|
||||
jest.unmock( "@react-navigation/native" );
|
||||
|
||||
// UNIQUE REALM SETUP
|
||||
const mockRealmIdentifier = __filename;
|
||||
const { mockRealmModelsIndex, uniqueRealmBeforeAll, uniqueRealmAfterAll } = setupUniqueRealm(
|
||||
mockRealmIdentifier
|
||||
);
|
||||
jest.mock( "realmModels/index", ( ) => mockRealmModelsIndex );
|
||||
jest.mock( "providers/contexts", ( ) => {
|
||||
const originalModule = jest.requireActual( "providers/contexts" );
|
||||
return {
|
||||
__esModule: true,
|
||||
...originalModule,
|
||||
RealmContext: {
|
||||
...originalModule.RealmContext,
|
||||
useRealm: ( ) => global.mockRealms[mockRealmIdentifier],
|
||||
useQuery: ( ) => []
|
||||
}
|
||||
};
|
||||
} );
|
||||
beforeAll( uniqueRealmBeforeAll );
|
||||
afterAll( uniqueRealmAfterAll );
|
||||
// /UNIQUE REALM SETUP
|
||||
|
||||
const mockUser = factory( "LocalUser" );
|
||||
|
||||
const topSuggestion = {
|
||||
taxon: factory.states( "genus" )( "RemoteTaxon", {
|
||||
name: "Primum",
|
||||
ancestors: [
|
||||
factory( "RemoteTaxon", {
|
||||
name: "Primum ancestor"
|
||||
} )
|
||||
]
|
||||
} ),
|
||||
combined_score: 90
|
||||
};
|
||||
|
||||
const makeMockObservations = ( ) => ( [
|
||||
factory( "RemoteObservation", {
|
||||
// Suggestions won't load without a photo
|
||||
observationPhotos: [
|
||||
factory( "LocalObservationPhoto" )
|
||||
],
|
||||
taxon: factory( "LocalTaxon" ),
|
||||
user: mockUser
|
||||
} )
|
||||
] );
|
||||
|
||||
const mockTaxaList = [
|
||||
factory( "RemoteTaxon" ),
|
||||
factory( "RemoteTaxon" )
|
||||
];
|
||||
|
||||
describe( "TaxonDetails", ( ) => {
|
||||
beforeAll( async () => {
|
||||
// userEvent recommends fake timers
|
||||
jest.useFakeTimers( );
|
||||
useStore.setState( initialStoreState, true );
|
||||
} );
|
||||
|
||||
const actor = userEvent.setup( );
|
||||
beforeEach( async ( ) => {
|
||||
await signIn( mockUser, { realm: global.mockRealms[__filename] } );
|
||||
const mockScoreImageResponse = makeResponse( [topSuggestion] );
|
||||
inatjs.computervision.score_image.mockResolvedValue( mockScoreImageResponse );
|
||||
// We visit TaxonDetails for several taxa in these tests, so this needs to
|
||||
// return a unique response for each of them
|
||||
inatjs.taxa.fetch.mockImplementation( ( id, _params, _opts ) => {
|
||||
const taxon = mockTaxaList.find( t => t.id === id );
|
||||
return makeResponse( [taxon || topSuggestion.taxon] );
|
||||
} );
|
||||
inatjs.taxa.search.mockResolvedValue( makeResponse( mockTaxaList ) );
|
||||
inatjs.search.mockResolvedValue( makeResponse( mockTaxaList.map( x => ( { taxon: x } ) ) ) );
|
||||
} );
|
||||
|
||||
afterEach( ( ) => {
|
||||
signOut( { realm: global.mockRealms[__filename] } );
|
||||
inatjs.computervision.score_image.mockReset( );
|
||||
inatjs.taxa.fetch.mockReset( );
|
||||
inatjs.taxa.search.mockReset( );
|
||||
} );
|
||||
|
||||
async function expectToBeOnSuggestions( ) {
|
||||
const topIdTitle = await screen.findByText( "TOP ID SUGGESTION" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( topIdTitle ).toBeOnTheScreen( );
|
||||
}
|
||||
|
||||
async function navigateToTaxonDetailsFromSuggestions( ) {
|
||||
await expectToBeOnSuggestions( );
|
||||
const suggestedTaxonName = await screen.findByText( topSuggestion.taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( suggestedTaxonName ).toBeOnTheScreen( );
|
||||
await actor.press( suggestedTaxonName );
|
||||
const taxonDetailsScreen = await screen.findByTestId(
|
||||
`TaxonDetails.${topSuggestion.taxon.id}`
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( taxonDetailsScreen ).toBeOnTheScreen( );
|
||||
}
|
||||
|
||||
// navigate to ObsDetails -> Suggest ID -> Suggestions -> TaxonDetails
|
||||
async function navigateToTaxonDetailsViaSuggestId( observation ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
`MyObservations.obsGridItem.${observation.uuid}`
|
||||
);
|
||||
await actor.press( observationGridItem );
|
||||
const suggestIdButton = await screen.findByText( /SUGGEST ID/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( suggestIdButton ).toBeOnTheScreen( );
|
||||
await actor.press( suggestIdButton );
|
||||
return navigateToTaxonDetailsFromSuggestions( );
|
||||
}
|
||||
|
||||
// navigate to ObsEdit -> Suggestions -> TaxonDetails
|
||||
async function navigateToTaxonDetailsViaObsEdit( observation ) {
|
||||
const observationGridItem = await screen.findByTestId(
|
||||
`MyObservations.obsGridItem.${observation.uuid}`
|
||||
);
|
||||
await actor.press( observationGridItem );
|
||||
const editButton = await screen.findByLabelText( /Edit/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( editButton ).toBeOnTheScreen( );
|
||||
await actor.press( editButton );
|
||||
const observationTaxonName = await screen.findByText( observation.taxon.name );
|
||||
await actor.press( observationTaxonName );
|
||||
return navigateToTaxonDetailsFromSuggestions( );
|
||||
}
|
||||
|
||||
// navigate to ObsEdit -> Suggestions -> TaxonDetails -> ancestor TaxonDetails
|
||||
async function navigateToTaxonDetailsViaTaxonDetails( observation ) {
|
||||
await navigateToTaxonDetailsViaObsEdit( observation );
|
||||
// navigate to an ancestor taxon details page
|
||||
const ancestorTaxonName = await screen.findByText( topSuggestion.taxon.ancestors[0].name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( ancestorTaxonName ).toBeOnTheScreen( );
|
||||
inatjs.taxa.fetch.mockResolvedValue( makeResponse( [topSuggestion.taxon.ancestors[0]] ) );
|
||||
await actor.press( ancestorTaxonName );
|
||||
}
|
||||
|
||||
it(
|
||||
"should navigate from ObsDetails -> ObsDetails when taxon is selected",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaSuggestId( observations[0] );
|
||||
// make sure we're on TaxonDetails
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsDetails screen
|
||||
expect( await screen.findByTestId( `ObsDetails.${observations[0].uuid}` ) ).toBeTruthy( );
|
||||
// suggest ID should be popped open with the suggested taxon
|
||||
const bottomSheetText = await screen.findByText(
|
||||
/Would you like to suggest the following identification/
|
||||
);
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( bottomSheetText ).toBeOnTheScreen( );
|
||||
const selectedTaxonName = await screen.findByText( taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectedTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeTruthy( );
|
||||
}
|
||||
);
|
||||
|
||||
it(
|
||||
"should navigate from obs create -> ObsEdit when taxon is selected",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaObsEdit( observations[0] );
|
||||
// make sure we're on TaxonDetails
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsEdit screen
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
const selectedTaxonName = await screen.findByText( taxon.name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectedTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeTruthy( );
|
||||
}
|
||||
);
|
||||
|
||||
it(
|
||||
"should create an observation with false vision attribute when reached from"
|
||||
+ " ancestor taxon details screen",
|
||||
async ( ) => {
|
||||
const { taxon } = topSuggestion;
|
||||
const observations = makeMockObservations( );
|
||||
useStore.setState( {
|
||||
observations,
|
||||
currentObservation: observations[0]
|
||||
} );
|
||||
await renderAppWithObservations( observations, __filename );
|
||||
await navigateToTaxonDetailsViaTaxonDetails( observations[0] );
|
||||
// make sure we're on TaxonDetails ancestor screen
|
||||
const selectTaxonButton = screen.getByText( /SELECT THIS TAXON/ );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( selectTaxonButton ).toBeOnTheScreen( );
|
||||
await actor.press( selectTaxonButton );
|
||||
// return to ObsEdit screen
|
||||
const obsEditBackButton = screen.getByTestId( "ObsEdit.BackButton" );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( obsEditBackButton ).toBeOnTheScreen( );
|
||||
|
||||
// selected taxon
|
||||
const ancestorTaxonName = await screen.findByText( taxon.ancestors[0].name );
|
||||
// We used toBeVisible here but the update to RN0.77 broke this expectation
|
||||
expect( ancestorTaxonName ).toBeOnTheScreen( );
|
||||
const { currentObservation } = useStore.getState( );
|
||||
expect( currentObservation.owners_identification_from_vision ).toBeFalsy( );
|
||||
}
|
||||
);
|
||||
} );
|
||||
@@ -1,5 +1,3 @@
|
||||
import "@testing-library/jest-native/extend-expect";
|
||||
|
||||
import { act } from "@testing-library/react-native";
|
||||
|
||||
import * as mockZustand from "../__mocks__/zustand";
|
||||
|
||||
@@ -118,7 +118,8 @@ describe( "DisplayTaxonName", ( ) => {
|
||||
expect(
|
||||
screen.getByTestId( `display-taxon-name.${multipleLexiconTaxon.id}` )
|
||||
).toHaveTextContent(
|
||||
"Klippen-Austernfischer · Black Oystercatcher"
|
||||
"Klippen-Austernfischer · Black Oystercatcher",
|
||||
{ exact: false }
|
||||
);
|
||||
} );
|
||||
} );
|
||||
|
||||
@@ -58,12 +58,8 @@ describe( "GroupPhotosContainer", ( ) => {
|
||||
const firstPhotoCombinedPressable = screen.getByTestId(
|
||||
`GroupPhotos.${groupedPhotos[0].photos[0].image.uri}`
|
||||
);
|
||||
const secondPhotoCombinedPressable = screen.getByTestId(
|
||||
`GroupPhotos.${groupedPhotos[1].photos[0].image.uri}`
|
||||
);
|
||||
|
||||
expect( firstPhotoCombinedPressable ).toHaveTextContent( /2/ );
|
||||
expect( secondPhotoCombinedPressable ).not.toHaveTextContent( );
|
||||
} );
|
||||
|
||||
it( "combines previously combined photos", async ( ) => {
|
||||
@@ -126,6 +122,7 @@ describe( "GroupPhotosContainer", ( ) => {
|
||||
const separatePhotosButton = screen.getByLabelText( /Separate Photos/ );
|
||||
fireEvent.press( separatePhotosButton );
|
||||
|
||||
expect( firstPhotoCombinedPressable ).not.toHaveTextContent( );
|
||||
const photoCount = screen.queryByTestId( "photo-count" );
|
||||
expect( photoCount ).toBeFalsy( );
|
||||
} );
|
||||
} );
|
||||
|
||||
@@ -35,7 +35,7 @@ describe( "IconicTaxonChooser", () => {
|
||||
);
|
||||
const birdButton = await screen.findByTestId( "IconicTaxonButton.aves" );
|
||||
|
||||
expect( plantButton ).toHaveAccessibilityState( { selected: true } );
|
||||
expect( birdButton ).toHaveAccessibilityState( { selected: false } );
|
||||
expect( plantButton ).toBeSelected();
|
||||
expect( birdButton ).not.toBeSelected();
|
||||
} );
|
||||
} );
|
||||
|
||||
@@ -40,8 +40,10 @@ describe( "Tabs", () => {
|
||||
|
||||
expect( tab1 ).toBeTruthy();
|
||||
expect( tab2 ).toBeTruthy();
|
||||
expect( tab1 ).toHaveAccessibilityState( { selected: true, expanded: true } );
|
||||
expect( tab2 ).toHaveAccessibilityState( { selected: false, expanded: false } );
|
||||
expect( tab1 ).toBeSelected();
|
||||
expect( tab1 ).toBeExpanded();
|
||||
expect( tab2 ).not.toBeSelected();
|
||||
expect( tab2 ).toBeCollapsed();
|
||||
|
||||
fireEvent.press( tab2 );
|
||||
expect( tab1Click ).not.toHaveBeenCalled();
|
||||
|
||||
@@ -122,7 +122,7 @@ describe( "Suggestions", ( ) => {
|
||||
const displayName = await screen.findByTestId(
|
||||
`display-taxon-name.${mockVisionResult.taxon.id}`
|
||||
);
|
||||
expect( displayName ).toHaveTextContent( mockVisionResult.taxon.name );
|
||||
expect( displayName ).toHaveTextContent( mockVisionResult.taxon.name, { exact: false } );
|
||||
} );
|
||||
|
||||
it( "should display no vision result if not coming from AICamera", async ( ) => {
|
||||
|
||||
@@ -28,7 +28,7 @@ jest.mock( "sharedHelpers/safeRealmWrite", ( ) => ( {
|
||||
} ) );
|
||||
|
||||
const mockRealmObjects = jest.fn( ( ) => ( {
|
||||
filtered: jest.fn( )
|
||||
filtered: jest.fn( () => [] )
|
||||
} ) );
|
||||
|
||||
jest.mock( "providers/contexts", ( ) => ( {
|
||||
|
||||
Reference in New Issue
Block a user