AMBARI-26262: Ambari Admin React Build Fix & add missing files. (#3914)

co-authered by: Himanshu Maurya <himanshumaurya09876>

Author: sandeep318kumar

ambari-admin/src/main/resources/ui/ambari-admin/src/__mocks__/mockClusterInfo.ts

@@ -0,0 +1,31 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+const mockClusterInfo = {
+    "href" : "http://example.com",
+    "items" : [
+      {
+        "href" : "http://example.com/api/v1/clusters/cluster1",
+        "Clusters" : {
+          "cluster_id" : 1,
+          "cluster_name" : "cluster1"
+        }
+      }
+    ]
+};
+
+export default mockClusterInfo;

ambari-admin/src/main/resources/ui/ambari-admin/src/screens/Views/enums.ts

@@ -0,0 +1,41 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export enum ControlType {
+    INPUT = "input",
+    TEXT = "text",
+    LINK = "link",
+    CHECKBOX = "checkbox",
+}
+
+export enum ClusterType {
+    LOCAL = "LOCAL_AMBARI",
+    REMOTE = "REMOTE_AMBARI",
+    CUSTOM = "CUSTOM_AMBARI",
+}
+
+export enum ViewTypes {
+    FILES = "FILES",
+    TEZ = "TEZ",
+    CAPACITY_SCHEDULER = "CAPACITY-SCHEDULER",
+}
+
+export enum EntityType {
+    USER = "USER",
+    GROUP = "GROUP",
+    ROLE = "ROLE",
+}

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/AddGroup.test.tsx

@@ -20,9 +20,8 @@ import AddGroup from "../screens/Users/AddGroup";
 import { describe, it, beforeEach, expect, vi } from "vitest";
 import "@testing-library/jest-dom/vitest";
 import UserGroupApi from "../api/userGroupApi";
-import { Router } from "react-router";
+import { HashRouter } from "react-router-dom";
 import AppContent from "../context/AppContext";
-import { createMemoryHistory } from "history";
 import toast from "react-hot-toast";
 import { userNames } from "../__mocks__/mockUserNames";
 import { GroupDataType } from "../api/types";
@@ -68,9 +67,9 @@ describe("AddGroup component", () => {
   const renderComponent = (props = mockProps) => {
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={createMemoryHistory()}>
+        <HashRouter>
           <AddGroup {...props} />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
   };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/AddUser.test.tsx

@@ -20,9 +20,8 @@ import AddUser from "../screens/Users/AddUser";
 import { describe, it, beforeEach, expect, vi } from "vitest";
 import "@testing-library/jest-dom/vitest";
 import UserGroupApi from "../api/userGroupApi";
-import { Router } from "react-router";
+import { HashRouter } from "react-router-dom";
 import AppContent from "../context/AppContext";
-import { createMemoryHistory } from "history";
 import { rbacData } from "../__mocks__/mockRbacData";
 import toast from "react-hot-toast";
 import { UserDataType } from "../api/types";
@@ -67,9 +66,9 @@ describe("AddUser component", () => {
   const renderComponent = (props = mockProps) => {
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={createMemoryHistory()}>
+        <HashRouter>
           <AddUser {...props} />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
   };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/DeregisterRemoteCluster.test.tsx

@@ -17,8 +17,7 @@
  */
 import { describe, it, expect, vi } from "vitest";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { createMemoryHistory } from "history";
-import { Router } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import "@testing-library/jest-dom/vitest";
 import RemoteClusterApi from "../api/remoteCluster";
 import DeregisterRemoteCluster from "../screens/ClusterManagement/RemoteClusters/DeregisterRemoteCluster";
@@ -35,9 +34,9 @@ const mockContext = {
 const renderDeregisterRemoteCluster = () => {
   render(
     <AppContent.Provider value={mockContext}>
-      <Router history={createMemoryHistory()}>
+      <HashRouter>
         <DeregisterRemoteCluster clusterName={mockClusterName} />
-      </Router>
+      </HashRouter>
     </AppContent.Provider>
   );
 };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/EditGroup.test.tsx

@@ -21,9 +21,8 @@ import { describe, it, beforeEach, expect, vi } from "vitest";
 import "@testing-library/jest-dom/vitest";
 import UserGroupApi from "../api/userGroupApi";
 import PrivilegeApi from "../api/privilegeApi";
-import { Router } from "react-router";
+import { HashRouter } from "react-router-dom";
 import AppContent from "../context/AppContext";
-import { createMemoryHistory } from "history";
 import toast from "react-hot-toast";
 import { rbacData } from "../__mocks__/mockRbacData";
 import { userNames } from "../__mocks__/mockUserNames";
@@ -66,9 +65,9 @@ describe("EditGroup component", () => {
   const renderComponent = () => {
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={createMemoryHistory()}>
+        <HashRouter>
           <EditGroup />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
   };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/EditRemoteCluster.test.tsx

@@ -23,8 +23,7 @@ import {
   waitFor,
   within,
 } from "@testing-library/react";
-import { createMemoryHistory } from "history";
-import { Router } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import { mockClusterDataForEdit } from "../__mocks__/mockRemoteCluster";
 import "@testing-library/jest-dom/vitest";
 import RemoteClusterApi from "../api/remoteCluster";
@@ -41,9 +40,9 @@ const mockContext = {
 const renderEditRemoteCluster = () => {
   render(
     <AppContent.Provider value={mockContext}>
-      <Router history={createMemoryHistory()}>
+      <HashRouter>
         <EditRemoteCluster />
-      </Router>
+      </HashRouter>
     </AppContent.Provider>
   );
 };
@@ -96,12 +95,11 @@ describe("EditRemoteCluster component", () => {
   it("should redirect to /remoteCluster on clicking cancel button", async () => {
     RemoteClusterApi.getRemoteClusterByName = async () =>
       mockClusterDataForEdit;
-    const history = createMemoryHistory();
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={history}>
+        <HashRouter>
           <EditRemoteCluster />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
 
@@ -113,7 +111,7 @@ describe("EditRemoteCluster component", () => {
     await waitFor(() => {});
 
     await waitFor(() => {
-      expect(history.location.pathname).toBe("/remoteClusters");
+      expect(window.location.hash).toBe("#/remoteClusters");
     });
   });
 

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/EditUser.test.tsx

@@ -20,9 +20,8 @@ import EditUser from "../screens/Users/EditUser";
 import { describe, it, beforeEach, expect, vi } from "vitest";
 import "@testing-library/jest-dom/vitest";toast
 import UserGroupApi from "../api/userGroupApi";
-import { Router } from "react-router";
+import { HashRouter } from "react-router-dom";
 import AppContent from "../context/AppContext";
-import { createMemoryHistory } from "history";
 import toast from "react-hot-toast";
 import { rbacData } from "../__mocks__/mockRbacData";
 import { groupNames } from "../__mocks__/mockGroupNames";
@@ -66,9 +65,9 @@ describe("EditUser component", () => {
   const renderComponent = () => {
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={createMemoryHistory()}>
+        <HashRouter>
           <EditUser />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
   };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/ListUsersGroups.test.tsx

@@ -25,9 +25,8 @@ import {
   import Users from "../screens/Users";
   import { describe, it, beforeEach, expect, vi } from "vitest";
   import "@testing-library/jest-dom/vitest";
-  import { Router } from "react-router";
+  import { HashRouter } from "react-router-dom";
   import AppContent from "../context/AppContext";
-  import { createMemoryHistory } from "history";
   import UserGroupApi from "../api/userGroupApi";
   import { usersList, paginatedUsersList } from "../__mocks__/mockUsersList";
   import { groupsList, paginatedGroupsList } from "../__mocks__/mockGroupsList";
@@ -66,9 +65,9 @@ import {
     const renderUserComponent = () => {
       render(
         <AppContent.Provider value={mockContext}>
-          <Router history={createMemoryHistory()}>
+          <HashRouter>
             <Users />
-          </Router>
+          </HashRouter>
         </AppContent.Provider>
       );
     };

ambari-admin/src/main/resources/ui/ambari-admin/src/tests/RegisterRemoteCluster.test.tsx

@@ -17,8 +17,7 @@
  */
 import { describe, it, expect } from "vitest";
 import { render, screen, waitFor, fireEvent } from "@testing-library/react";
-import { createMemoryHistory } from "history";
-import { Router } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import "@testing-library/jest-dom/vitest";
 import RemoteClusterApi from "../api/remoteCluster";
 import RegisterRemoteCluster from "../screens/ClusterManagement/RemoteClusters/RegisterRemoteCluster";
@@ -34,9 +33,9 @@ const mockContext = {
 const renderRegisterRemoteCluster = () => {
   render(
     <AppContent.Provider value={mockContext}>
-      <Router history={createMemoryHistory()}>
+      <HashRouter>
         <RegisterRemoteCluster />
-      </Router>
+      </HashRouter>
     </AppContent.Provider>
   );
 };
@@ -68,12 +67,11 @@ describe("RegisterRemoteCluster component", () => {
   });
 
   it("should redirect to /remoteCluster on clicking cancel button", async () => {
-    const history = createMemoryHistory();
     render(
       <AppContent.Provider value={mockContext}>
-        <Router history={history}>
+        <HashRouter>
           <RegisterRemoteCluster />
-        </Router>
+        </HashRouter>
       </AppContent.Provider>
     );
     expect(getClusterName()).toBeInTheDocument();
@@ -88,7 +86,7 @@ describe("RegisterRemoteCluster component", () => {
     await waitFor(() => {});
 
     await waitFor(() => {
-      expect(history.location.pathname).toBe("/remoteClusters");
+      expect(window.location.hash).toBe("#/remoteClusters");
     });
   });