Files
iNaturalistReactNative/tests/unit/components/BottomTabNavigator/CustomTabBar.test.js
Ken-ichi f7dc08a704 Suggestions fixes (#972)
* Bugfix: TaxonDetails was crashing if it received a null taxon
* Send lat and lng instead of latitude and longitude to the score_image
  endpoint
* Show offline suggestions when you are offline
* Show notice when viewing offline suggestions
* Moved code unique to useOnlineSuggestions into that file
* Ensure we use a medium size image to get suggestions when dealing with
  remote URLs
* More logging around React Query retries
* Use default retry logic for useAuthenticatedQuery
* Made a module-resolver shortcut for tests
* Move offline notice above top suggestion; hide when offlines exist but onlines do too
2023-12-15 19:58:12 -08:00

56 lines
1.9 KiB
JavaScript

import { faker } from "@faker-js/faker";
import { screen } from "@testing-library/react-native";
import CustomTabBarContainer from "navigation/BottomTabNavigator/CustomTabBarContainer";
import React from "react";
import * as useCurrentUser from "sharedHooks/useCurrentUser";
import * as useIsConnected from "sharedHooks/useIsConnected";
import factory from "tests/factory";
import { renderComponent } from "tests/helpers/render";
const mockUser = factory( "LocalUser", {
login: faker.internet.userName( ),
icon_url: faker.image.url( )
} );
jest.mock( "sharedHooks/useCurrentUser", ( ) => ( {
__esModule: true,
default: () => undefined
} ) );
describe( "CustomTabBar", () => {
it( "should render correctly", () => {
renderComponent( <CustomTabBarContainer navigation={jest.fn( )} /> );
expect( screen ).toMatchSnapshot();
} );
it( "should not have accessibility errors", () => {
const tabBar = <CustomTabBarContainer navigation={jest.fn( )} />;
expect( tabBar ).toBeAccessible();
} );
it( "should display person icon while user is logged out", () => {
renderComponent( <CustomTabBarContainer navigation={jest.fn( )} isOnline /> );
const personIcon = screen.getByTestId( "NavButton.personIcon" );
expect( personIcon ).toBeVisible( );
} );
it( "should display avatar while user is logged in", () => {
jest.spyOn( useCurrentUser, "default" ).mockImplementation( () => mockUser );
renderComponent( <CustomTabBarContainer navigation={jest.fn( )} isOnline /> );
const avatar = screen.getByTestId( "UserIcon.photo" );
expect( avatar ).toBeVisible( );
} );
it( "should display person icon when connectivity is low", ( ) => {
jest.spyOn( useIsConnected, "default" ).mockImplementation( () => false );
renderComponent( <CustomTabBarContainer navigation={jest.fn( )} isOnline={false} /> );
const personIcon = screen.getByTestId( "NavButton.personIcon" );
expect( personIcon ).toBeVisible( );
} );
} );