Merge pull request #452 from primeroIMS/trigyn-testcases-mobile-toolbar

Trigyn testcases mobile toolbar

Author: jtoliver-quoin

app/javascript/components/mobile-toolbar/component.jsx

@@ -22,8 +22,8 @@ const MobileToolbar = ({ openDrawer, hasUnsubmittedOfflineChanges = false }) =>
 
   return (
     <Hidden mdUp implementation="css">
-      <AppBar position="fixed">
-        <Toolbar className={css[demo ? "toolbar-demo" : "toolbar"]}>
+      <AppBar position="fixed" data-testid="appBar">
+        <Toolbar data-testid="toolbar" className={css[demo ? "toolbar-demo" : "toolbar"]}>
           <IconButton edge="start" color="default" aria-label="Menu" onClick={openDrawer}>
             <MenuIcon className={css.hamburger} />
             {hasUnsubmittedOfflineChanges && (

app/javascript/components/mobile-toolbar/component.spec.js

@@ -0,0 +1,46 @@
+import { fromJS } from "immutable";
+
+import { mountedComponent, screen, setScreenSizeToMobile } from "../../test-utils";
+
+import MobileToolbar from "./component";
+
+describe("<MobileToolbar />", () => {
+  const state = fromJS({ MobileToolbar: { module: "primero" } });
+  const props = { openDrawer: () => {} };
+
+  beforeAll(() => {
+    setScreenSizeToMobile(false);
+  });
+
+  it("should render MobileToolbar component", () => {
+    mountedComponent(<MobileToolbar {...props} />, state);
+    expect(screen.getByTestId("appBar")).toBeInTheDocument();
+  });
+
+  it("should render Logo component", () => {
+    mountedComponent(<MobileToolbar {...props} />, state);
+    expect(screen.getByTestId("logo-primero")).toBeInTheDocument();
+  });
+
+  describe("when is not demo site", () => {
+    it("should not render a <div> tag with 'Demo' text", () => {
+      mountedComponent(<MobileToolbar {...props} />, state);
+      expect(screen.getByText(/sandbox_ui/i)).not.toBeInTheDocument();
+    });
+  });
+
+  describe("when is demo site", () => {
+    const stateWithDemo = fromJS({
+      application: {
+        primero: {
+          sandbox_ui: true
+        }
+      }
+    });
+
+    it("should render a <div> tag with 'Demo' text", () => {
+      mountedComponent(<MobileToolbar {...props} />, stateWithDemo);
+      expect(screen.getByText(/sandbox_ui/i)).toBeInTheDocument();
+    });
+  });
+});

app/javascript/components/mobile-toolbar/component.unit.test.js

@@ -3,8 +3,9 @@
 import { createRef } from "react";
 import { fromJS } from "immutable";
 
+import { screen, mountedFormComponent } from "../../test-utils";
+
 import PdfExporter from "./component";
-import { mountedFormComponent, screen } from "../../test-utils";
 
 describe("<PdfExporter />", () => {
   const formRef = createRef();

app/javascript/components/pdf-exporter/component.spec.js

@@ -1,4 +1,5 @@
 import { mountedComponent, screen } from "../../../../test-utils";
+
 import KeyValueCell from "./component";
 
 describe("components/record-actions/exports/components/pdf-exporter/components/key-value-cell", () => {

app/javascript/components/pdf-exporter/components/key-value-cell/component.spec.js

@@ -1,4 +1,5 @@
 import { mountedComponent, screen } from "../../../../test-utils";
+
 import Logos from "./component";
 
 describe("<Logos />", () => {