mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-06-21 05:58:37 -04:00
e6b5cb8aa6
* Extracted non-photo stuff from PhotoDisplay * Separate component for FaveButton * Prevent faves while signed out * Separate component for nav header * Stick nav header while scrolling until tabs * Nav header has slight gradient for visibility over white content * Renamed ObsDetails media components so they're not focused on photos * Data and layout changes leading up to sound player on ObsDetail * Add sound player to ObsDetails * Swiping away while playing should pause playback * Swiping back to sound and playing again should resume where you left off * Allow viewing media while offline (images may be cached) * Stop playback when navigating away from ObsDetails * Fetch sounds in Explore so we can show sound icon * Map all observation objects in explore with Realm-ish attributes
72 lines
2.7 KiB
JavaScript
72 lines
2.7 KiB
JavaScript
import { fireEvent, screen } from "@testing-library/react-native";
|
|
import HeaderKebabMenu from "components/ObsDetails/HeaderKebabMenu";
|
|
import initI18next from "i18n/initI18next";
|
|
import i18next from "i18next";
|
|
import React from "react";
|
|
import { Platform, Share } from "react-native";
|
|
import { renderComponent } from "tests/helpers/render";
|
|
|
|
jest.mock( "react-native/Libraries/Share/Share", () => ( {
|
|
share: jest.fn( () => Promise.resolve( "mockResolve" ) )
|
|
} ) );
|
|
|
|
jest.mock( "react-native/Libraries/Utilities/Platform", ( ) => ( {
|
|
OS: "ios",
|
|
select: jest.fn( )
|
|
} ) );
|
|
|
|
const observationId = 1234;
|
|
const url = `https://www.inaturalist.org/observations/${observationId}`;
|
|
|
|
describe( "HeaderKebabMenu", () => {
|
|
beforeAll( async ( ) => {
|
|
await initI18next( );
|
|
} );
|
|
|
|
it( "renders and opens kebab menu share button", async ( ) => {
|
|
renderComponent( <HeaderKebabMenu observationId={observationId} /> );
|
|
const anchorButton = screen.getByLabelText( i18next.t( "Observation-options" ) );
|
|
expect( anchorButton ).toBeTruthy( );
|
|
fireEvent.press( anchorButton );
|
|
const shareButton = await screen.findByTestId( "MenuItem.Share" );
|
|
expect( shareButton ).toBeTruthy( );
|
|
} );
|
|
|
|
it( "opens native share dialog with expected url", async ( ) => {
|
|
renderComponent( <HeaderKebabMenu observationId={observationId} /> );
|
|
const anchorButton = screen.getByLabelText( i18next.t( "Observation-options" ) );
|
|
expect( anchorButton ).toBeTruthy( );
|
|
fireEvent.press( anchorButton );
|
|
const shareButton = await screen.findByTestId( "MenuItem.Share" );
|
|
expect( shareButton ).toBeTruthy( );
|
|
fireEvent.press( shareButton );
|
|
expect( Share.share ).toHaveBeenCalledTimes( 1 );
|
|
expect( Share.share ).toHaveBeenCalledWith( { message: "", url } );
|
|
} );
|
|
|
|
const defaultPlatformOS = Platform.OS;
|
|
|
|
describe( "on Android", ( ) => {
|
|
// TODO change this to a less brittle and sweeping approach. Some ideas at
|
|
// https://stackoverflow.com/questions/43161416/mocking-platform-detection-in-jest-and-react-native
|
|
beforeAll( ( ) => {
|
|
Platform.OS = "android";
|
|
} );
|
|
|
|
afterAll( ( ) => {
|
|
Platform.OS = defaultPlatformOS;
|
|
} );
|
|
|
|
it( "opens native share dialog with expected message", async ( ) => {
|
|
renderComponent( <HeaderKebabMenu observationId={observationId} /> );
|
|
const anchorButton = screen.getByLabelText( i18next.t( "Observation-options" ) );
|
|
expect( anchorButton ).toBeTruthy( );
|
|
fireEvent.press( anchorButton );
|
|
const shareButton = await screen.findByTestId( "MenuItem.Share" );
|
|
expect( shareButton ).toBeTruthy( );
|
|
fireEvent.press( shareButton );
|
|
expect( Share.share ).toHaveBeenCalledWith( { message: url, url: "" } );
|
|
} );
|
|
} );
|
|
} );
|