iNaturalistReactNative/tests/unit/components/SharedComponents/PhotoScroll.test.js

import { screen } from "@testing-library/react-native";
import PhotoScroll from "components/SharedComponents/PhotoScroll";
import _ from "lodash";
import React from "react";

import factory from "../../../factory";
import { renderComponent } from "../../../helpers/render";

const mockObservation = factory( "LocalObservation", {
  created_at: "2022-11-27T19:07:41-08:00",
  time_observed_at: "2023-12-14T21:07:41-09:30"
} );

const mockPhotos = _.compact(
  Array.from( mockObservation.observationPhotos ).map( op => op.photo )
);

describe( "PhotosScroll", () => {
  test( "should not have accessibility errors", async () => {
    const photoScroll = <PhotoScroll photos={mockPhotos} />;

    expect( photoScroll ).toBeAccessible();
  } );

  test( "should render correctly", async () => {
    renderComponent( <PhotoScroll photos={mockPhotos} /> );

    const photoScroll = await screen.findByTestId( "photo-scroll" );

    expect( photoScroll ).toBeTruthy();
  } );

  test( "should show photo with given url", async () => {
    renderComponent( <PhotoScroll photos={mockPhotos} /> );

    const photo = await screen.findByTestId( "PhotoScroll.photo" );

    expect( photo.props.source ).toStrictEqual(
      {
        uri: mockObservation.observationPhotos[0].photo.url
      }
    );
  } );
} );