Fixed lint issue

Author: Srinivas9933

app/javascript/components/pages/admin/roles-list/container.spec.js

@@ -2,9 +2,9 @@ import { fromJS } from "immutable";
 
 import { mountedComponent, screen, stub } from "../../../../test-utils";
 import { ACTIONS } from "../../../permissions";
+import { lookups } from "../../../../test";
 
 import RolesList from "./container";
-import { lookups } from "../../../../test";
 
 describe("<RolesList />", () => {
   const dataLength = 30;
@@ -15,7 +15,49 @@ describe("<RolesList />", () => {
     description: `Test description ${i + 1}`
   }));
 
-    const initialState = fromJS({
+  const initialState = fromJS({
+    records: {
+      admin: {
+        roles: {
+          data,
+          metadata: { total: dataLength, per: 20, page: 1 },
+          loading: false,
+          errors: false
+        }
+      }
+    },
+    user: {
+      permissions: {
+        roles: [ACTIONS.MANAGE]
+      }
+    },
+    forms: {
+      options: {
+        lookups: lookups()
+      }
+    }
+  });
+
+  
+  stub(window.I18n, "t").withArgs("messages.record_list.of").returns("of").withArgs("buttons.new").returns("New");
+
+  it("renders record list table", () => {
+    mountedComponent(<RolesList />, initialState, ["/admin/roles"]);
+    expect(screen.getByRole("grid")).toBeInTheDocument();
+  });
+
+  it("should trigger a valid action with next page when clicking next page", () => {
+    mountedComponent(<RolesList />, initialState, ["/admin/roles"]);
+    expect(screen.getByText(`1-20 of ${dataLength}`)).toBeInTheDocument();
+  });
+
+  it("should render new button", () => {
+    mountedComponent(<RolesList />, initialState, ["/admin/roles"]);
+    expect(screen.getByText(`New`)).toBeInTheDocument();
+  });
+
+  describe("when user can't create role", () => {
+    const initialStateCreateRole = fromJS({
       records: {
         admin: {
           roles: {
@@ -28,7 +70,7 @@ describe("<RolesList />", () => {
       },
       user: {
         permissions: {
-          roles: [ACTIONS.MANAGE]
+          roles: [ACTIONS.READ]
         }
       },
       forms: {
@@ -38,54 +80,9 @@ describe("<RolesList />", () => {
       }
     });
 
-    stubI18n = stub(window.I18n, "t")
-      .withArgs("messages.record_list.of")
-      .returns("of")
-      .withArgs("buttons.new")
-      .returns("New");
-
-  it("renders record list table", () => {
-    mountedComponent(<RolesList />, initialState, ["/admin/roles"])
-    expect(screen.getByRole('grid')).toBeInTheDocument();
-  });
-
-  it("should trigger a valid action with next page when clicking next page", () => {
-    mountedComponent(<RolesList />, initialState, ["/admin/roles"])
-    expect(screen.getByText(`1-20 of ${dataLength}`)).toBeInTheDocument();
-  });
-
-  it("should render new button", () => {
-    mountedComponent(<RolesList />, initialState, ["/admin/roles"])
-    expect(screen.getByText(`New`)).toBeInTheDocument();
-  });
-
-  describe("when user can't create role", () => {
-      const initialState = fromJS({
-        records: {
-          admin: {
-            roles: {
-              data,
-              metadata: { total: dataLength, per: 20, page: 1 },
-              loading: false,
-              errors: false
-            }
-          }
-        },
-        user: {
-          permissions: {
-            roles: [ACTIONS.READ]
-          }
-        },
-        forms: {
-          options: {
-            lookups: lookups()
-          }
-        }
-      });
-
     it("should not render new button", () => {
-        mountedComponent(<RolesList />, initialState, ["/admin/roles"])
-        expect(screen.queryByText(/New/)).not.toBeInTheDocument();
+      mountedComponent(<RolesList />, initialStateCreateRole, ["/admin/roles"]);
+      expect(screen.queryByText(/New/)).not.toBeInTheDocument();
     });
   });
 });