@applicaster/zapp-react-native-ui-components/Components/Transitioner/__tests__/transitioner.test.js

Applicaster Zapp React Native ui components for the Quick Brick App

import React from "react";
import { Text, View } from "react-native";

import { TransitionerComponent } from "../Transitioner";
import { render } from "@testing-library/react-native";

jest.mock("../Scene", () => {
  const View = jest.requireActual("react-native").View;

  return {
    Scene(props) {
      return <View {...props} />;
    },
  };
});

const children = (
  <View foo="bar">
    <Text bar="baz">children</Text>
  </View>
);

const transitionConfig = jest.fn(() => {
  return {
    push: {},
  };
});

const transitionerComponentProps = {
  navigator: {
    previousAction: "push",
    pathname: "/foo",
  },
  transitionConfig,
  layoutData: {
    isTablet: false,
    isTabletPortrait: false,
  },
};

jest.mock("uuid");

describe("<TransitionerComponent />", () => {
  it("renders correctly", () => {
    const wrapper = render(
      <TransitionerComponent {...transitionerComponentProps}>
        {children}
      </TransitionerComponent>
    );

    expect(wrapper.toJSON()).toMatchSnapshot();
  });
});