mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-01-23 05:08:49 -05:00
9c90c2e45f
* Upgrade helper: package.json
* Upgrade helper: gems
* Upgrade helper: Android
* Update AppDelegate
* Fix error in compiling
* Update package-lock.json
* Update Podfile.lock
* Update package-lock.json
* Update Podfile.lock
* Remove no longer needed mock
* Comment out entire test and not only the expect call
* Most other unit tests use this render helper function that
wraps the component in the entire app.
* Mock react-native exports as esModule
* Update .flowconfig
* Update Gemfile
* Revert "Comment out entire test and not only the expect call"
This reverts commit 8785f81529.
73 lines
2.7 KiB
JavaScript
73 lines
2.7 KiB
JavaScript
import { fireEvent, screen } from "@testing-library/react-native";
|
|
import HeaderKebabMenu from "components/ObsDetailsDefaultMode/HeaderKebabMenu";
|
|
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", () => ( {
|
|
__esModule: true,
|
|
default: {
|
|
share: jest.fn( () => Promise.resolve( "mockResolve" ) )
|
|
}
|
|
} ) );
|
|
|
|
jest.mock( "react-native/Libraries/Utilities/Platform", () => ( {
|
|
__esModule: true,
|
|
default: {
|
|
OS: "ios",
|
|
select: jest.fn()
|
|
}
|
|
} ) );
|
|
|
|
const observationId = 1234;
|
|
const url = `https://www.inaturalist.org/observations/${observationId}`;
|
|
|
|
describe( "HeaderKebabMenu", () => {
|
|
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: "" } );
|
|
} );
|
|
} );
|
|
} );
|