Merge pull request #466 from primeroIMS/trigyn-testcases-login

Trigyn testcases login

Author: jtoliver-quoin

app/javascript/components/login/component.jsx

@@ -14,7 +14,7 @@ import IdpSelection from "./components/idp-selection";
 import LoginForm from "./components/login-form";
 import { getLoading, getUseIdentityProvider } from "./selectors";
 
-const Container = ({ modal }) => {
+function Component({ modal = false }) {
   const useIdentity = useMemoizedSelector(state => getUseIdentityProvider(state));
   const isLoading = useMemoizedSelector(state => getLoading(state));
   const location = useLocation();
@@ -39,16 +39,12 @@ const Container = ({ modal }) => {
       <LoginComponent modal={modal} />
     </LoadingIndicator>
   );
-};
-
-Container.displayName = NAME;
+}
 
-Container.defaultProps = {
-  modal: false
-};
+Component.displayName = NAME;
 
-Container.propTypes = {
+Component.propTypes = {
   modal: PropTypes.bool
 };
 
-export default Container;
+export default Component;

app/javascript/components/login/component.spec.js

@@ -0,0 +1,45 @@
+import { mountedComponent, screen } from "../../test-utils";
+
+import Login from "./component";
+
+describe("<Login />", () => {
+  describe("for login form", () => {
+    it("renders form", () => {
+      mountedComponent(<Login />, {
+        idp: {
+          use_identity_provider: false
+        },
+        user: {
+          module: "primero",
+          agency: "unicef",
+          isAuthenticated: false
+        }
+      });
+    });
+    screen.debug();
+    expect(screen.queryByText((content, element) => element.tagName.toLowerCase() === "form")).toBeInTheDocument();
+  });
+
+  describe("for provider selection", () => {
+    it("renders login selection", () => {
+      mountedComponent(<Login />, {
+        idp: {
+          use_identity_provider: true,
+          identity_providers: [
+            {
+              name: "UNICEF",
+              type: "b2c",
+              domain_hint: "unicef",
+              authority: "authority",
+              client_id: "clientid",
+              scope: ["scope"],
+              redirect_uri: "redirect"
+            }
+          ]
+        }
+      });
+    });
+    screen.debug();
+    expect(screen.queryByTestId("PrimeroIdpSelect")).toBeInTheDocument();
+  });
+});

app/javascript/components/login/component.unit.test.js

@@ -0,0 +1,78 @@
+import { mountedComponent, screen } from "../../../../../test-utils";
+
+import PrimeroIdpLink from "./primero-idp-link";
+
+describe("<PrimeroIdpLink />", () => {
+  const props = {
+    identityProviders: [
+      new Map([
+        ["unique_id", "primeroims"],
+        ["name", "Primero"]
+      ]),
+      new Map([
+        ["unique_id", "randomidp"],
+        ["name", "RandomIDP"]
+      ])
+    ],
+    css: {},
+    dispatch: jest.fn(),
+    i18n: {
+      t: () => {}
+    }
+  };
+
+  it("renders forms components", () => {
+    mountedComponent(<PrimeroIdpLink {...props} />);
+    expect(screen.getByText((content, element) => element.tagName.toLowerCase() === "span")).toBeInTheDocument();
+    expect(screen.getByText((content, element) => element.tagName.toLowerCase() === "a")).toBeInTheDocument();
+  });
+
+  describe("when primeroims is the only one", () => {
+    const propsOnlyPrimeroIDP = {
+      identityProviders: [
+        new Map([
+          ["unique_id", "primeroims"],
+          ["name", "Primero"]
+        ])
+      ],
+      css: {},
+      dispatch: jest.fn(),
+      i18n: {
+        t: () => {}
+      }
+    };
+
+    it("renders forms components", () => {
+      mountedComponent(<PrimeroIdpLink {...propsOnlyPrimeroIDP} />);
+
+      expect(screen.getByText((content, element) => element.tagName.toLowerCase() === "span")).toBeInTheDocument();
+      expect(screen.getByText((content, element) => element.tagName.toLowerCase() === "a")).toBeInTheDocument();
+    });
+  });
+
+  describe("when there is only one IDP but not primeroims", () => {
+    const propsOnlyPrimeroIDP = {
+      identityProviders: [
+        new Map([
+          ["unique_id", "primeroims"],
+          ["name", "Primero"]
+        ]),
+        new Map([
+          ["unique_id", "randomidp"],
+          ["name", "RandomIDP"]
+        ])
+      ],
+      css: {},
+      dispatch: jest.fn(),
+      i18n: {
+        t: () => {}
+      }
+    };
+
+    it("renders forms components", () => {
+      mountedComponent(<PrimeroIdpLink {...propsOnlyPrimeroIDP} />);
+
+      expect(document.querySelectorAll("a")).toHaveLength(1);
+    });
+  });
+});

app/javascript/components/login/components/idp-selection/components/primero-idp-link.spec.js

@@ -0,0 +1,28 @@
+import { mountedComponent, screen } from "../../../../../test-utils";
+
+import PrimeroIdpSelect from "./primero-idp-select";
+
+describe("<PrimeroIdpSelect />", () => {
+  const props = {
+    identityProviders: [
+      new Map([
+        ["unique_id", "primeroims"],
+        ["name", "Primero"]
+      ]),
+      new Map([
+        ["unique_id", "randomidp"],
+        ["name", "RandomIDP"]
+      ])
+    ],
+    css: {}
+  };
+
+  mountedComponent(<PrimeroIdpSelect {...props} />);
+
+  it("renders forms components", () => {
+    expect(screen.getByText(/select_provider/i)).toBeInTheDocument();
+    expect(screen.getByRole("combobox")).toBeInTheDocument();
+    expect(screen.getByText((content, element) => element.tagName.toLowerCase() === "form")).toBeInTheDocument();
+    expect(screen.getByText(/go/i)).toBeInTheDocument();
+  });
+});