fleet/frontend/components/AuthenticatedRoutes/AuthenticatedRoutes.tests.jsx

import React from "react";
import { mount } from "enzyme";
import { Provider } from "react-redux";

import AuthenticatedRoutes from "./index";
import helpers from "../../test/helpers";

describe("AuthenticatedRoutes - component", () => {
  const redirectToLoginAction = {
    type: "@@router/CALL_HISTORY_METHOD",
    payload: {
      method: "push",
      args: ["/login"],
    },
  };
  const redirectToPasswordResetAction = {
    type: "@@router/CALL_HISTORY_METHOD",
    payload: {
      method: "push",
      args: ["/login/reset"],
    },
  };
  const renderedText = "This text was rendered";
  const storeWithUser = {
    auth: {
      loading: false,
      user: {
        id: 1,
        email: "hi@thegnar.co",
        force_password_reset: false,
      },
    },
    routing: {
      locationBeforeTransitions: {},
    },
  };
  const storeWithUserRequiringPwReset = {
    auth: {
      loading: false,
      user: {
        id: 1,
        email: "hi@thegnar.co",
        force_password_reset: true,
      },
    },
    routing: {
      locationBeforeTransitions: {},
    },
  };
  const storeWithoutUser = {
    auth: {
      loading: false,
      user: null,
    },
    routing: {
      locationBeforeTransitions: {},
    },
  };
  const storeLoadingUser = {
    auth: {
      loading: true,
      user: null,
    },
    routing: {
      locationBeforeTransitions: {},
    },
  };

  it("renders if there is a user in state", () => {
    const { reduxMockStore } = helpers;
    const mockStore = reduxMockStore(storeWithUser);
    const component = mount(
      <Provider store={mockStore}>
        <AuthenticatedRoutes>
          <div>{renderedText}</div>
        </AuthenticatedRoutes>
      </Provider>
    );

    expect(component.text()).toEqual(renderedText);
  });

  it("redirects to reset password is force_password_reset is true", () => {
    const { reduxMockStore } = helpers;
    const mockStore = reduxMockStore(storeWithUserRequiringPwReset);
    mount(
      <Provider store={mockStore}>
        <AuthenticatedRoutes>
          <div>{renderedText}</div>
        </AuthenticatedRoutes>
      </Provider>
    );

    expect(mockStore.getActions()).toContainEqual(
      redirectToPasswordResetAction
    );
  });

  it("redirects to login without a user", () => {
    const { reduxMockStore } = helpers;
    const mockStore = reduxMockStore(storeWithoutUser);
    const component = mount(
      <Provider store={mockStore}>
        <AuthenticatedRoutes>
          <div>{renderedText}</div>
        </AuthenticatedRoutes>
      </Provider>
    );

    expect(mockStore.getActions()).toContainEqual(redirectToLoginAction);
    expect(component.html()).toBeFalsy();
  });

  it("does not redirect to login if the user is loading", () => {
    const { reduxMockStore } = helpers;
    const mockStore = reduxMockStore(storeLoadingUser);
    const component = mount(
      <Provider store={mockStore}>
        <AuthenticatedRoutes>
          <div>{renderedText}</div>
        </AuthenticatedRoutes>
      </Provider>
    );

    expect(mockStore.getActions()).not.toContainEqual(redirectToLoginAction);
    expect(component.html()).toBeFalsy();
  });
});