CopyJobCommandBar
;
+ };
+ MockCopyJobCommandBar.displayName = "CopyJobCommandBar";
+ return MockCopyJobCommandBar;
+});
+
+jest.mock("./MonitorCopyJobs/MonitorCopyJobs", () => {
+ const React = jest.requireActual("react");
+ const MockMonitorCopyJobs = React.forwardRef((_props: any, ref: any) => {
+ React.useImperativeHandle(ref, () => ({
+ refreshJobList: jest.fn(),
+ }));
+ return MonitorCopyJobs
;
+ });
+ MockMonitorCopyJobs.displayName = "MonitorCopyJobs";
+ return MockMonitorCopyJobs;
+});
+
+jest.mock("./MonitorCopyJobs/MonitorCopyJobRefState", () => ({
+ MonitorCopyJobsRefState: {
+ getState: jest.fn(() => ({
+ setRef: jest.fn(),
+ })),
+ },
+}));
+
+describe("ContainerCopyPanel", () => {
+ let mockExplorer: Explorer;
+ let mockSetRef: jest.Mock;
+
+ beforeEach(() => {
+ mockExplorer = {} as Explorer;
+
+ mockSetRef = jest.fn();
+ (MonitorCopyJobsRefState.getState as jest.Mock).mockReturnValue({
+ setRef: mockSetRef,
+ });
+ });
+
+ afterEach(() => {
+ jest.clearAllMocks();
+ });
+
+ it("renders the component with correct structure", () => {
+ render(Test Child
+ Component 2
;
+ };
+
+ render(
+ {content}
;
+ };
+ MockInfoTooltip.displayName = "MockInfoTooltip";
+ return MockInfoTooltip;
+});
+
+jest.mock("../Components/PopoverContainer", () => {
+ const MockPopoverContainer = ({
+ isLoading,
+ visible,
+ title,
+ onCancel,
+ onPrimary,
+ children,
+ }: {
+ isLoading?: boolean;
+ visible: boolean;
+ title: string;
+ onCancel: () => void;
+ onPrimary: () => void;
+ children: React.ReactNode;
+ }) => {
+ if (!visible) {
+ return null;
+ }
+ return (
+
+
+ );
+ };
+ MockPopoverContainer.displayName = "MockPopoverContainer";
+ return MockPopoverContainer;
+});
+
+jest.mock("./hooks/useToggle", () => {
+ return jest.fn();
+});
+
+import { Subscription } from "Contracts/DataModels";
+import { CopyJobMigrationType } from "Explorer/ContainerCopy/Enums/CopyJobEnums";
+import { logError } from "../../../../../Common/Logger";
+import { assignRole, RoleAssignmentType } from "../../../../../Utils/arm/RbacUtils";
+import { getAccountDetailsFromResourceId } from "../../../CopyJobUtils";
+import useToggle from "./hooks/useToggle";
+
+describe("AddReadPermissionToDefaultIdentity Component", () => {
+ const mockUseToggle = useToggle as jest.MockedFunction{title}
+ {children}
+
+
+
+ Loading...
+
+ );
+ };
+ MockShimmerTree.displayName = "MockShimmerTree";
+ return MockShimmerTree;
+});
+
+jest.mock("./AddManagedIdentity", () => {
+ const MockAddManagedIdentity = () => {
+ return Add Managed Identity Component
;
+ };
+ MockAddManagedIdentity.displayName = "MockAddManagedIdentity";
+ return MockAddManagedIdentity;
+});
+
+jest.mock("./AddReadPermissionToDefaultIdentity", () => {
+ const MockAddReadPermissionToDefaultIdentity = () => {
+ return Add Read Permission Component
;
+ };
+ MockAddReadPermissionToDefaultIdentity.displayName = "MockAddReadPermissionToDefaultIdentity";
+ return MockAddReadPermissionToDefaultIdentity;
+});
+
+jest.mock("./DefaultManagedIdentity", () => {
+ const MockDefaultManagedIdentity = () => {
+ return Default Managed Identity Component
;
+ };
+ MockDefaultManagedIdentity.displayName = "MockDefaultManagedIdentity";
+ return MockDefaultManagedIdentity;
+});
+
+jest.mock("./OnlineCopyEnabled", () => {
+ const MockOnlineCopyEnabled = () => {
+ return Online Copy Enabled Component
;
+ };
+ MockOnlineCopyEnabled.displayName = "MockOnlineCopyEnabled";
+ return MockOnlineCopyEnabled;
+});
+
+jest.mock("./PointInTimeRestore", () => {
+ const MockPointInTimeRestore = () => {
+ return Point In Time Restore Component
;
+ };
+ MockPointInTimeRestore.displayName = "MockPointInTimeRestore";
+ return MockPointInTimeRestore;
+});
+
+jest.mock("../../../../../../images/successfulPopup.svg", () => "checkmark-icon");
+jest.mock("../../../../../../images/warning.svg", () => "warning-icon");
+
+describe("AssignPermissions Component", () => {
+ const mockExplorer = {} as any;
+
+ const createMockCopyJobState = (overrides: PartialAdd Managed Identity Component
,
+ disabled: false,
+ completed: true,
+ },
+ {
+ id: "readPermissionAssigned",
+ title: "Read Permission Assigned",
+ Component: () => Add Read Permission Component
,
+ disabled: false,
+ completed: false,
+ },
+ ],
+ },
+ ]);
+
+ const copyJobState = createMockCopyJobState();
+ const { container } = renderWithContext(copyJobState);
+
+ expect(container).toMatchSnapshot();
+ });
+
+ it("should render online migration specific groups", async () => {
+ const mockUsePermissionSections = (await import("./hooks/usePermissionsSection")).default as jest.Mock;
+ mockUsePermissionSections.mockReturnValue([
+ {
+ id: "onlineConfigs",
+ title: "Online Configuration",
+ description: "Configure settings for online migration",
+ sections: [
+ {
+ id: "pointInTimeRestore",
+ title: "Point In Time Restore",
+ Component: () => Point In Time Restore Component
,
+ disabled: false,
+ completed: true,
+ },
+ {
+ id: "onlineCopyEnabled",
+ title: "Online Copy Enabled",
+ Component: () => Online Copy Enabled Component
,
+ disabled: false,
+ completed: false,
+ },
+ ],
+ },
+ ]);
+
+ const copyJobState = createMockCopyJobState({
+ migrationType: CopyJobMigrationType.Online,
+ });
+ const { container } = renderWithContext(copyJobState);
+
+ expect(container).toMatchSnapshot();
+ });
+
+ it("should render multiple permission groups", async () => {
+ const mockUsePermissionSections = (await import("./hooks/usePermissionsSection")).default as jest.Mock;
+ mockUsePermissionSections.mockReturnValue([
+ {
+ id: "crossAccountConfigs",
+ title: "Cross Account Configuration",
+ description: "Configure permissions for cross-account copy",
+ sections: [
+ {
+ id: "addManagedIdentity",
+ title: "Add Managed Identity",
+ Component: () => Add Managed Identity Component
,
+ disabled: false,
+ completed: true,
+ },
+ ],
+ },
+ {
+ id: "onlineConfigs",
+ title: "Online Configuration",
+ description: "Configure settings for online migration",
+ sections: [
+ {
+ id: "onlineCopyEnabled",
+ title: "Online Copy Enabled",
+ Component: () => Online Copy Enabled Component
,
+ disabled: false,
+ completed: false,
+ },
+ ],
+ },
+ ]);
+
+ const copyJobState = createMockCopyJobState({
+ migrationType: CopyJobMigrationType.Online,
+ });
+ const { container, getByText } = renderWithContext(copyJobState);
+
+ expect(getByText("Cross Account Configuration")).toBeInTheDocument();
+ expect(getByText("Online Configuration")).toBeInTheDocument();
+ expect(container).toMatchSnapshot();
+ });
+ });
+
+ describe("Accordion Behavior", () => {
+ it("should render accordion sections with proper status icons", async () => {
+ const mockUsePermissionSections = (await import("./hooks/usePermissionsSection")).default as jest.Mock;
+ mockUsePermissionSections.mockReturnValue([
+ {
+ id: "testGroup",
+ title: "Test Group",
+ description: "Test Description",
+ sections: [
+ {
+ id: "completedSection",
+ title: "Completed Section",
+ Component: () => Completed Component
,
+ disabled: false,
+ completed: true,
+ },
+ {
+ id: "incompleteSection",
+ title: "Incomplete Section",
+ Component: () => Incomplete Component
,
+ disabled: false,
+ completed: false,
+ },
+ {
+ id: "disabledSection",
+ title: "Disabled Section",
+ Component: () => Disabled Component
,
+ disabled: true,
+ completed: false,
+ },
+ ],
+ },
+ ]);
+
+ const copyJobState = createMockCopyJobState();
+ const { container, getByText, getAllByRole } = renderWithContext(copyJobState);
+
+ expect(getByText("Completed Section")).toBeInTheDocument();
+ expect(getByText("Incomplete Section")).toBeInTheDocument();
+ expect(getByText("Disabled Section")).toBeInTheDocument();
+
+ const images = getAllByRole("img");
+ expect(images.length).toBeGreaterThan(0);
+
+ expect(container).toMatchSnapshot();
+ });
+ });
+
+ describe("Edge Cases", () => {
+ it("should handle missing account names", () => {
+ const copyJobState = createMockCopyJobState({
+ source: {
+ subscription: { subscriptionId: "source-sub" } as any,
+ account: { id: "source-account" } as any,
+ databaseId: "source-db",
+ containerId: "source-container",
+ },
+ });
+
+ const { container } = renderWithContext(copyJobState);
+ expect(container).toMatchSnapshot();
+ });
+
+ it("should calculate correct indent levels for offline migration", () => {
+ const copyJobState = createMockCopyJobState({
+ migrationType: CopyJobMigrationType.Offline,
+ });
+
+ const { container } = renderWithContext(copyJobState);
+ expect(container).toMatchSnapshot();
+ });
+
+ it("should calculate correct indent levels for online migration", () => {
+ const copyJobState = createMockCopyJobState({
+ migrationType: CopyJobMigrationType.Online,
+ });
+
+ const { container } = renderWithContext(copyJobState);
+ expect(container).toMatchSnapshot();
+ });
+ });
+});
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/DefaultManagedIdentity.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/DefaultManagedIdentity.test.tsx
new file mode 100644
index 000000000..93418859f
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/DefaultManagedIdentity.test.tsx
@@ -0,0 +1,355 @@
+import "@testing-library/jest-dom";
+import { fireEvent, render, screen } from "@testing-library/react";
+import React from "react";
+import { updateDefaultIdentity } from "../../../../../Utils/arm/identityUtils";
+import ContainerCopyMessages from "../../../ContainerCopyMessages";
+import { CopyJobContext } from "../../../Context/CopyJobContext";
+import DefaultManagedIdentity from "./DefaultManagedIdentity";
+
+jest.mock("./hooks/useManagedIdentity");
+jest.mock("./hooks/useToggle");
+
+jest.mock("../../../../../Utils/arm/identityUtils", () => ({
+ updateDefaultIdentity: jest.fn(),
+}));
+
+jest.mock("../Components/InfoTooltip", () => {
+ const MockInfoTooltip = ({ content }: { content: React.ReactNode }) => {
+ return {content}
;
+ };
+ MockInfoTooltip.displayName = "MockInfoTooltip";
+ return MockInfoTooltip;
+});
+
+jest.mock("../Components/PopoverContainer", () => {
+ const MockPopoverContainer = ({
+ children,
+ isLoading,
+ visible,
+ title,
+ onCancel,
+ onPrimary,
+ }: {
+ children: React.ReactNode;
+ isLoading: boolean;
+ visible: boolean;
+ title: string;
+ onCancel: () => void;
+ onPrimary: () => void;
+ }) => {
+ if (!visible) {
+ return null;
+ }
+ return (
+
+
+ );
+ };
+ MockPopoverContainer.displayName = "MockPopoverContainer";
+ return MockPopoverContainer;
+});
+
+import { DatabaseAccount } from "Contracts/DataModels";
+import { CopyJobContextProviderType } from "Explorer/ContainerCopy/Types/CopyJobTypes";
+import useManagedIdentity from "./hooks/useManagedIdentity";
+import useToggle from "./hooks/useToggle";
+
+const mockUseManagedIdentity = useManagedIdentity as jest.MockedFunction{title}
+ {children}
+ {isLoading ? "Loading" : "Not Loading"}
+
+
+
- {ContainerCopyMessages.defaultManagedIdentity.description(copyJobState?.target?.account.name)}
+ {ContainerCopyMessages.defaultManagedIdentity.description(copyJobState?.target?.account?.name)}
{label}
: null;
+ };
+ MockLoadingOverlay.displayName = "MockLoadingOverlay";
+ return MockLoadingOverlay;
+});
+
+const mockFetchDatabaseAccount = fetchDatabaseAccount as jest.MockedFunction
+
+ A system-assigned managed identity is restricted to one per resource and is tied to the lifecycle of this resource. Once enabled, you can grant permissions to the managed identity by using Azure role-based access control (Azure RBAC). The managed identity is authenticated with Microsoft Entra ID, so you don’t have to store any credentials in code.
+
+
+ Learn more about Managed identities.
+
+
+
+
+`;
+
+exports[`AddManagedIdentity Snapshot Tests renders loading state 1`] = `
+
+
+
+
+ 
+
+
+
+ Learn more about
+
+
+ Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+ A system-assigned managed identity is restricted to one per resource and is tied to the lifecycle of this resource. Once enabled, you can grant permissions to the managed identity by using Azure role-based access control (Azure RBAC). The managed identity is authenticated with Microsoft Entra ID, so you don’t have to store any credentials in code.
+
+
+ Learn more about Managed identities.
+
+
+
+
+`;
+
+exports[`AddManagedIdentity Snapshot Tests renders with toggle on and popover visible 1`] = `
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enable system assigned managed identity
+
+
+ Enable system-assigned managed identity on the test-target-account. To confirm, click the "Yes" button.
+
+
+
+
+
+ Please wait while we process your request...
+
+
+
+
+
+
+
+ A system-assigned managed identity is restricted to one per resource and is tied to the lifecycle of this resource. Once enabled, you can grant permissions to the managed identity by using Azure role-based access control (Azure RBAC). The managed identity is authenticated with Microsoft Entra ID, so you don’t have to store any credentials in code.
+
+
+ Learn more about Managed identities.
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AddReadPermissionToDefaultIdentity.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AddReadPermissionToDefaultIdentity.test.tsx.snap
new file mode 100644
index 000000000..e461c2058
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AddReadPermissionToDefaultIdentity.test.tsx.snap
@@ -0,0 +1,398 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle missing source account 1`] = `
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+ Enable system assigned managed identity
+
+
+ Enable system-assigned managed identity on the test-target-account. To confirm, click the "Yes" button.
+
+
+
+
+
+
+
+
+`;
+
+exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle missing target account identity 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly when sourceReadAccessFromTarget is true 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly when toggle is on 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly with default state 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Read permissions assigned to default identity.
+
+
+ Assign read permissions of the source account to the default identity of the destination account. To confirm click the “Yes” button.
+
+
+
+
+
+`;
+
+exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly with different context states 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AssignPermissions.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AssignPermissions.test.tsx.snap
new file mode 100644
index 000000000..a6d76c3f3
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/AssignPermissions.test.tsx.snap
@@ -0,0 +1,1301 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AssignPermissions Component Accordion Behavior should render accordion sections with proper status icons 1`] = `
+
+
+ To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+
+
+
+
+ Learn more about
+
+
+ Read permissions.
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Edge Cases should calculate correct indent levels for offline migration 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+
+
+
+
+
+ Test Group
+
+
+ Test Description
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Edge Cases should calculate correct indent levels for online migration 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+
+
+
+
+
+ Test Group
+
+
+ Test Description
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Edge Cases should handle missing account names 1`] = `
+
+
+ Follow the steps below to enable online copy on your "Source Account" account.
+
+
+
+
+
+
+
+
+ Test Group
+
+
+ Test Description
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Permission Groups should render multiple permission groups 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+
+
+
+
+
+ Test Group
+
+
+ Test Description
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Permission Groups should render online migration specific groups 1`] = `
+
+
+ Follow the steps below to enable online copy on your "Source Account" account.
+
+
+
+
+
+
+
+
+ Cross Account Configuration
+
+
+ Configure permissions for cross-account copy
+
+
+
+
+
+
+
+ Online Configuration
+
+
+ Configure settings for online migration
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Permission Groups should render permission groups when available 1`] = `
+
+
+ Follow the steps below to enable online copy on your "Source Account" account.
+
+
+
+
+
+
+
+
+ Online Configuration
+
+
+ Configure settings for online migration
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Rendering should render without crashing with offline migration 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+
+
+
+
+
+ Cross Account Configuration
+
+
+ Configure permissions for cross-account copy
+
+
+
+
+
+`;
+
+exports[`AssignPermissions Component Rendering should render without crashing with online migration 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+ Loading...
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/DefaultManagedIdentity.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/DefaultManagedIdentity.test.tsx.snap
new file mode 100644
index 000000000..631e60100
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/DefaultManagedIdentity.test.tsx.snap
@@ -0,0 +1,369 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DefaultManagedIdentity Edge Cases should handle missing account name gracefully 1`] = `
+
+
+ To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+
+
+
+ Loading...
+
+
+
+`;
+
+exports[`DefaultManagedIdentity Edge Cases should handle null account 1`] = `
+
+
+
+ Set the system-assigned managed identity as default for "" by switching it on.
+
+
+
+
+ Learn more about
+
+
+ Default Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`DefaultManagedIdentity Loading States should render loading state snapshot 1`] = `
+
+
+
+ Set the system-assigned managed identity as default for "undefined" by switching it on.
+
+
+
+
+ Learn more about
+
+
+ Default Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`DefaultManagedIdentity Rendering should render correctly with default state 1`] = `
+
+
+
+ Set the system-assigned managed identity as default for "test-cosmos-account" by switching it on.
+
+
+
+
+ Learn more about
+
+
+ Default Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+
+ System assigned managed identity set as default
+
+
+ Assign the system-assigned managed identity as the default for "test-cosmos-account". To confirm, click the "Yes" button.
+
+
+ Loading
+
+
+
+
+
+`;
+
+exports[`DefaultManagedIdentity Toggle Interactions should render toggle with checked state when toggle is true 1`] = `
+
+
+
+ Set the system-assigned managed identity as default for "test-cosmos-account" by switching it on.
+
+
+
+
+ Learn more about
+
+
+ Default Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/OnlineCopyEnabled.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/OnlineCopyEnabled.test.tsx.snap
new file mode 100644
index 000000000..bc2151ac8
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/OnlineCopyEnabled.test.tsx.snap
@@ -0,0 +1,193 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OnlineCopyEnabled Edge Cases should handle account with existing online copy capability 1`] = `
+
+
+
+ Set the system-assigned managed identity as default for "test-cosmos-account" by switching it on.
+
+
+
+
+ Learn more about
+
+
+ Default Managed Identities.
+
+
+
+
+
+
+
+
+
+
+
+
+ System assigned managed identity set as default
+
+
+ Assign the system-assigned managed identity as the default for "test-cosmos-account". To confirm, click the "Yes" button.
+
+
+ Not Loading
+
+
+
+
+
+`;
+
+exports[`OnlineCopyEnabled Edge Cases should handle missing account name gracefully 1`] = `
+
+
+
+
+
+
+
+
+`;
+
+exports[`OnlineCopyEnabled Edge Cases should handle null account 1`] = `
+
+
+
+
+
+
+
+
+`;
+
+exports[`OnlineCopyEnabled Rendering should render correctly with initial state 1`] = `
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/PointInTimeRestore.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/PointInTimeRestore.test.tsx.snap
new file mode 100644
index 000000000..83fe4df8e
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/__snapshots__/PointInTimeRestore.test.tsx.snap
@@ -0,0 +1,333 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PointInTimeRestore Edge Cases should handle missing account ID gracefully 1`] = ``;
+
+exports[`PointInTimeRestore Edge Cases should handle missing source account gracefully 1`] = ``;
+
+exports[`PointInTimeRestore Initial Render should render correctly with default props 1`] = `
+
+
+
+
+
+
+
+
+`;
+
+exports[`PointInTimeRestore Initial Render should render with empty account name gracefully 1`] = `
+
+
+
+ To facilitate online container copy jobs, please update your "test-account" backup policy from periodic to continuous backup. Enabling continuous backup is required for this functionality.
+
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Continuous Backup
+
+
+
+
+
+
+
+
+`;
+
+exports[`PointInTimeRestore Snapshots should match snapshot in loading state 1`] = `
+
+
+
+ To facilitate online container copy jobs, please update your "" backup policy from periodic to continuous backup. Enabling continuous backup is required for this functionality.
+
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Continuous Backup
+
+
+
+
+
+
+
+
+`;
+
+exports[`PointInTimeRestore Snapshots should match snapshot with refresh button 1`] = `
+
+
+
+
+
+
+
+
+ Please wait while we process your request...
+
+
+ To facilitate online container copy jobs, please update your "test-account" backup policy from periodic to continuous backup. Enabling continuous backup is required for this functionality.
+
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Continuous Backup
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/useManagedIdentity.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/useManagedIdentity.test.tsx
new file mode 100644
index 000000000..2a91c8c69
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/useManagedIdentity.test.tsx
@@ -0,0 +1,255 @@
+import "@testing-library/jest-dom";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import React from "react";
+import { logError } from "../../../../../../Common/Logger";
+import { DatabaseAccount } from "../../../../../../Contracts/DataModels";
+import Explorer from "../../../../../Explorer";
+import CopyJobContextProvider, { useCopyJobContext } from "../../../../Context/CopyJobContext";
+import { getAccountDetailsFromResourceId } from "../../../../CopyJobUtils";
+import useManagedIdentity from "./useManagedIdentity";
+
+jest.mock("../../../../CopyJobUtils");
+jest.mock("../../../../../../Common/Logger");
+
+const mockGetAccountDetailsFromResourceId = getAccountDetailsFromResourceId as jest.MockedFunction<
+ typeof getAccountDetailsFromResourceId
+>;
+const mockLogError = logError as jest.MockedFunction
+
+
+ To facilitate online container copy jobs, please update your "test-account" backup policy from periodic to continuous backup. Enabling continuous backup is required for this functionality.
+
+
+
+
+
+
+
+
+
+ Learn more about
+
+
+ Continuous Backup
+
+
+
+
+
+
+
+
+
+ );
+};
+
+const TestWrapper: React.FC{loading ? "true" : "false"}
+ {contextError && {contextError}
}
+ AddManagedIdentity
;
+ };
+ MockAddManagedIdentity.displayName = "MockAddManagedIdentity";
+ return MockAddManagedIdentity;
+});
+
+jest.mock("../AddReadPermissionToDefaultIdentity", () => {
+ const MockAddReadPermissionToDefaultIdentity = () => {
+ return AddReadPermissionToDefaultIdentity
;
+ };
+ MockAddReadPermissionToDefaultIdentity.displayName = "MockAddReadPermissionToDefaultIdentity";
+ return MockAddReadPermissionToDefaultIdentity;
+});
+
+jest.mock("../DefaultManagedIdentity", () => {
+ const MockDefaultManagedIdentity = () => {
+ return DefaultManagedIdentity
;
+ };
+ MockDefaultManagedIdentity.displayName = "MockDefaultManagedIdentity";
+ return MockDefaultManagedIdentity;
+});
+
+jest.mock("../OnlineCopyEnabled", () => {
+ const MockOnlineCopyEnabled = () => {
+ return OnlineCopyEnabled
;
+ };
+ MockOnlineCopyEnabled.displayName = "MockOnlineCopyEnabled";
+ return MockOnlineCopyEnabled;
+});
+
+jest.mock("../PointInTimeRestore", () => {
+ const MockPointInTimeRestore = () => {
+ return PointInTimeRestore
;
+ };
+ MockPointInTimeRestore.displayName = "MockPointInTimeRestore";
+ return MockPointInTimeRestore;
+});
+
+const mockedRbacUtils = RbacUtils as jest.Mocked
+
+ );
+};
+
+describe("usePermissionsSection", () => {
+ let mockValidationCache: Map{result.length}
+ {result.map((group) => (
+
+
+ ))}
+ {group.title}
+{group.description}
+ {group.sections.map((section) => ( +
+
+ {section.completed?.toString() || "undefined"}
+
+ {section.disabled.toString()}
+
+ ))}
+
+ {state ? "true" : "false"}
+
+
+
+
+ );
+};
+
+describe("useToggle hook", () => {
+ it("should initialize with false as default", () => {
+ render(
+ {state ? "true" : "false"}
+
+
+ );
+ };
+
+ render({mockChildContent}
+
+ Nested content
+
+
+ );
+
+ render(
+ {mockChildContent}
+ {mockChildContent}
+ {mockChildContent}
+ {mockChildContent}
+ {mockChildContent}
+ {mockChildContent}
+ {mockChildContent}
+
+
+
+
+
+
+
+ Section Title
+Section description goes here
+
+ Important: This is a JSX tooltip
+
+ );
+
+ const { container } = render(Test content
,
+ };
+
+ beforeEach(() => {
+ jest.clearAllMocks();
+ });
+
+ describe("Rendering", () => {
+ it("should render correctly when visible", () => {
+ const { container } = render(
+
+ );
+ const { container } = render(First paragraph
+Second paragraph
+
+
+ );
+ render(Heading
+-
+
- Item 1 +
- Item 2 +
+
+`;
+
+exports[`FieldRow Snapshot Testing matches snapshot with custom className 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`FieldRow Snapshot Testing matches snapshot with empty label 1`] = `
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`FieldRow Snapshot Testing matches snapshot with label only 1`] = `
+
+
+
+
+
+`;
+
+exports[`FieldRow Snapshot Testing matches snapshot with minimal props 1`] = `
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`FieldRow Snapshot Testing matches snapshot with no label 1`] = `
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/InfoTooltip.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/InfoTooltip.test.tsx.snap
new file mode 100644
index 000000000..8b79c2b74
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/InfoTooltip.test.tsx.snap
@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InfoTooltip Component Rendering should render tooltip with image when content is provided 1`] = `
+
+
+
+
+ + Section Title +
++ Section description goes here +
+
+
+`;
+
+exports[`InfoTooltip Component Rendering should render with JSX element content 1`] = `
+
+
+
+
+
+
+ Test tooltip content
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/PopoverContainer.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/PopoverContainer.test.tsx.snap
new file mode 100644
index 000000000..978f38f5b
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/Components/__snapshots__/PopoverContainer.test.tsx.snap
@@ -0,0 +1,552 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PopoverMessage Component Edge Cases should handle empty string title 1`] = `
+
+
+
+
+
+
+
+
+
+ Important:
+
+ This is a JSX tooltip
+
+
+
+`;
+
+exports[`PopoverMessage Component Edge Cases should handle null children 1`] = `
+
+
+
+
+
+ Test content
+
+
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Edge Cases should handle undefined children 1`] = `
+
+
+ Test Title
+
+
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Edge Cases should handle very long title 1`] = `
+
+
+ Test Title
+
+
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Rendering should render correctly when not visible 1`] = ``;
+
+exports[`PopoverMessage Component Rendering should render correctly when visible 1`] = `
+
+
+ This is a very long title that might cause layout issues or text wrapping in the popover component
+
+
+
+
+ Test content
+
+
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Rendering should render correctly with different children content 1`] = `
+
+
+ Test Title
+
+
+
+
+ Test content
+
+
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Rendering should render correctly with different title 1`] = `
+
+
+ Test Title
+
+
+
+
+
+
+ + First paragraph +
++ Second paragraph +
+
+
+
+
+
+
+`;
+
+exports[`PopoverMessage Component Rendering should render correctly with loading state 1`] = `
+
+
+ Custom Title
+
+
+
+
+ Test content
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.test.tsx
new file mode 100644
index 000000000..226ea15af
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.test.tsx
@@ -0,0 +1,261 @@
+import "@testing-library/jest-dom";
+import { render, screen, waitFor } from "@testing-library/react";
+import { CopyJobMigrationType } from "Explorer/ContainerCopy/Enums/CopyJobEnums";
+import { CopyJobContextProviderType } from "Explorer/ContainerCopy/Types/CopyJobTypes";
+import Explorer from "Explorer/Explorer";
+import { useSidePanel } from "hooks/useSidePanel";
+import React from "react";
+import ContainerCopyMessages from "../../../ContainerCopyMessages";
+import { useCopyJobContext } from "../../../Context/CopyJobContext";
+import AddCollectionPanelWrapper from "./AddCollectionPanelWrapper";
+
+jest.mock("hooks/useSidePanel");
+jest.mock("../../../Context/CopyJobContext");
+
+jest.mock("../../../../Panes/AddCollectionPanel/AddCollectionPanel", () => ({
+ AddCollectionPanel: ({
+ explorer,
+ isCopyJobFlow,
+ onSubmitSuccess,
+ }: {
+ explorer?: Explorer;
+ isCopyJobFlow: boolean;
+ onSubmitSuccess: (data: { databaseId: string; collectionId: string }) => void;
+ }) => (
+
+
+
+ Test Title
+
+
+
+
+ Test content
+
+
+
+
+
+
+
+
+ ),
+}));
+
+jest.mock("immer", () => ({
+ produce: jest.fn((updater) => (state: any) => {
+ const draft = { ...state };
+ updater(draft);
+ return draft;
+ }),
+}));
+
+const mockUseSidePanel = useSidePanel as jest.MockedFunction{explorer ? "explorer-present" : "no-explorer"}
+ {isCopyJobFlow ? "true" : "false"}
+
+
+
+`;
+
+exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with both props 1`] = `
+
+
+
+
+ Select the properties for your container.
+
+
+
+
+
+
+
+ no-explorer
+
+
+ true
+
+
+
+
+`;
+
+exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with explorer prop 1`] = `
+
+
+
+
+ Select the properties for your container.
+
+
+
+
+
+
+
+ explorer-present
+
+
+ true
+
+
+
+
+`;
+
+exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with goBack prop 1`] = `
+
+
+
+
+ Select the properties for your container.
+
+
+
+
+
+
+
+ explorer-present
+
+
+ true
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateCopyJobScreens.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateCopyJobScreens.test.tsx
new file mode 100644
index 000000000..bbff5758e
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateCopyJobScreens.test.tsx
@@ -0,0 +1,426 @@
+import "@testing-library/jest-dom";
+import { fireEvent, render, screen } from "@testing-library/react";
+import React from "react";
+import CreateCopyJobScreens from "./CreateCopyJobScreens";
+
+jest.mock("../../Context/CopyJobContext", () => ({
+ useCopyJobContext: jest.fn(),
+}));
+
+jest.mock("../Utils/useCopyJobNavigation", () => ({
+ useCopyJobNavigation: jest.fn(),
+}));
+
+jest.mock("./Components/NavigationControls", () => {
+ const MockedNavigationControls = ({
+ primaryBtnText,
+ onPrimary,
+ onPrevious,
+ onCancel,
+ isPrimaryDisabled,
+ isPreviousDisabled,
+ }: {
+ primaryBtnText: string;
+ onPrimary: () => void;
+ onPrevious: () => void;
+ onCancel: () => void;
+ isPrimaryDisabled: boolean;
+ isPreviousDisabled: boolean;
+ }) => (
+
+
+
+
+ Select the properties for your container.
+
+
+
+
+
+
+
+ no-explorer
+
+
+ true
+
+
+
+
+
+
+
+ );
+ return MockedNavigationControls;
+});
+
+import { useCopyJobContext } from "../../Context/CopyJobContext";
+import { useCopyJobNavigation } from "../Utils/useCopyJobNavigation";
+
+const createMockNavigationHook = (overrides = {}) => ({
+ currentScreen: {
+ key: "SelectAccount",
+ component: Mock Screen Component
,
+ },
+ isPrimaryDisabled: false,
+ isPreviousDisabled: true,
+ handlePrimary: jest.fn(),
+ handlePrevious: jest.fn(),
+ handleCancel: jest.fn(),
+ primaryBtnText: "Next",
+ showAddCollectionPanel: jest.fn(),
+ ...overrides,
+});
+
+const createMockContext = (overrides = {}) => ({
+ contextError: "",
+ setContextError: jest.fn(),
+ copyJobState: {},
+ setCopyJobState: jest.fn(),
+ flow: {},
+ setFlow: jest.fn(),
+ resetCopyJobState: jest.fn(),
+ explorer: {},
+ ...overrides,
+});
+
+describe("CreateCopyJobScreens", () => {
+ const mockNavigationHook = createMockNavigationHook();
+ const mockContext = createMockContext();
+
+ beforeEach(() => {
+ jest.clearAllMocks();
+ (useCopyJobNavigation as jest.Mock).mockReturnValue(mockNavigationHook);
+ (useCopyJobContext as jest.Mock).mockReturnValue(mockContext);
+ });
+
+ describe("Rendering", () => {
+ test("should render without error", () => {
+ render(Custom Screen Content
;
+ (useCopyJobNavigation as jest.Mock).mockReturnValue(
+ createMockNavigationHook({
+ currentScreen: { component: customScreen },
+ }),
+ );
+
+ render(
+
+
+ );
+
+ (useCopyJobNavigation as jest.Mock).mockReturnValue(
+ createMockNavigationHook({
+ currentScreen: { component: Simple Screen
;
+
+ (useCopyJobNavigation as jest.Mock).mockReturnValue(
+ createMockNavigationHook({
+ currentScreen: { component: Valid Screen
,
+ },
+ }),
+ );
+
+ expect(() => render(
+ {children}
+
+ ),
+}));
+
+jest.mock("./CreateCopyJobScreens", () => ({
+ __esModule: true,
+ default: () => CreateCopyJobScreens
,
+}));
+
+const mockExplorer = {
+ databaseAccount: {
+ id: "test-account",
+ name: "test-account-name",
+ location: "East US",
+ type: "DocumentDB",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://test-account.documents.azure.com:443/",
+ gremlinEndpoint: "https://test-account.gremlin.cosmosdb.azure.com:443/",
+ tableEndpoint: "https://test-account.table.cosmosdb.azure.com:443/",
+ cassandraEndpoint: "https://test-account.cassandra.cosmosdb.azure.com:443/",
+ },
+ },
+ subscriptionId: "test-subscription-id",
+ resourceGroup: "test-resource-group",
+} as unknown as Explorer;
+
+describe("CreateCopyJobScreensProvider", () => {
+ beforeEach(() => {
+ jest.clearAllMocks();
+ });
+
+ it("should render with explorer prop", () => {
+ const wrapper = shallow(
+
+`;
+
+exports[`PreviewCopyJob should render component with cross-subscription setup 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ test-db_with@special#chars
+
+
+ test-container_with@special#chars
+
+
+ target-db_with@special#chars
+
+
+ target-container_with@special#chars
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with default state and empty job name 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with long subscription and account names 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with missing source account information 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ This is a very long subscription name that might cause display issues if not handled properly
+
+
+
+
+ Source account
+
+
+ this-is-a-very-long-database-account-name-that-might-cause-display-issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ long-database-name-for-testing-purposes
+
+
+ long-container-name-for-testing-purposes
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with missing source subscription information 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with online migration type 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with pre-filled job name 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
+
+exports[`PreviewCopyJob should render with undefined database and container names 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ source-database
+
+
+ source-container
+
+
+ target-database
+
+
+ target-container
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.test.tsx
new file mode 100644
index 000000000..806f80d5b
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.test.tsx
@@ -0,0 +1,219 @@
+import "@testing-library/jest-dom";
+import { render } from "@testing-library/react";
+import React from "react";
+import { DropdownOptionType } from "../../../../Types/CopyJobTypes";
+import { AccountDropdown } from "./AccountDropdown";
+
+describe("AccountDropdown", () => {
+ const mockOnChange = jest.fn();
+
+ const mockAccountOptions: DropdownOptionType[] = [
+ {
+ key: "account-1",
+ text: "Development Account",
+ data: {
+ id: "account-1",
+ name: "Development Account",
+ location: "East US",
+ resourceGroup: "dev-rg",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://dev-account.documents.azure.com:443/",
+ provisioningState: "Succeeded",
+ consistencyPolicy: {
+ defaultConsistencyLevel: "Session",
+ },
+ },
+ },
+ },
+ {
+ key: "account-2",
+ text: "Production Account",
+ data: {
+ id: "account-2",
+ name: "Production Account",
+ location: "West US 2",
+ resourceGroup: "prod-rg",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://prod-account.documents.azure.com:443/",
+ provisioningState: "Succeeded",
+ consistencyPolicy: {
+ defaultConsistencyLevel: "Strong",
+ },
+ },
+ },
+ },
+ {
+ key: "account-3",
+ text: "Testing Account",
+ data: {
+ id: "account-3",
+ name: "Testing Account",
+ location: "Central US",
+ resourceGroup: "test-rg",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://test-account.documents.azure.com:443/",
+ provisioningState: "Succeeded",
+ consistencyPolicy: {
+ defaultConsistencyLevel: "Eventual",
+ },
+ },
+ },
+ },
+ ];
+
+ beforeEach(() => {
+ jest.clearAllMocks();
+ });
+
+ describe("Snapshot Testing", () => {
+ it("matches snapshot with all account options", () => {
+ const { container } = render(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source subscription
+
+
+ Test Subscription
+
+
+
+
+ Source account
+
+
+ test-account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Source Database
+
+
+
+
+
+
+
+
+ Source Container
+
+
+
+
+
+
+
+
+ Destination Database
+
+
+
+
+
+
+
+
+ Destination Container
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with disabled dropdown 1`] = `
+
+
+
+
+
+
+
+
+
+ Select an account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with disabled state and no selection 1`] = `
+
+
+
+
+
+
+
+
+
+ Development Account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with empty options 1`] = `
+
+
+
+
+
+
+
+
+
+ Select an account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with long account name 1`] = `
+
+
+
+
+
+
+
+
+
+ Select an account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with multiple account types 1`] = `
+
+
+
+
+
+
+
+
+
+ This is an extremely long account name that tests how the component handles text overflow and layout constraints in the dropdown
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with selected account 1`] = `
+
+
+
+
+
+
+
+
+
+ MongoDB Account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with single option 1`] = `
+
+
+
+
+
+
+
+
+
+ Production Account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`AccountDropdown Snapshot Testing matches snapshot with special characters in options 1`] = `
+
+
+
+
+
+
+
+
+
+ Development Account
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/MigrationTypeCheckbox.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/MigrationTypeCheckbox.test.tsx.snap
new file mode 100644
index 000000000..4e1c653ef
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/MigrationTypeCheckbox.test.tsx.snap
@@ -0,0 +1,80 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MigrationTypeCheckbox Component Rendering should render in checked state 1`] = `
+
+
+
+
+
+
+
+
+
+ Select an account
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`MigrationTypeCheckbox Component Rendering should render with default props (unchecked state) 1`] = `
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/SubscriptionDropdown.test.tsx.snap b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/SubscriptionDropdown.test.tsx.snap
new file mode 100644
index 000000000..7a9f657be
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/__snapshots__/SubscriptionDropdown.test.tsx.snap
@@ -0,0 +1,337 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with all subscription options 1`] = `
+
+
+
+
+
+
+`;
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with empty options 1`] = `
+
+
+
+
+
+
+
+
+
+ Select a subscription
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with long subscription name 1`] = `
+
+
+
+
+
+
+
+
+
+ Select a subscription
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with selected subscription 1`] = `
+
+
+
+
+
+
+
+
+
+ This is an extremely long subscription name that tests how the component handles text overflow and layout constraints
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with single option 1`] = `
+
+
+
+
+
+
+
+
+
+ Production Subscription
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SubscriptionDropdown Snapshot Testing matches snapshot with special characters in options 1`] = `
+
+
+
+
+
+
+
+
+
+ Development Subscription
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/SelectAccount.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/SelectAccount.test.tsx
new file mode 100644
index 000000000..2fdd0529c
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/SelectAccount.test.tsx
@@ -0,0 +1,480 @@
+import "@testing-library/jest-dom";
+import { fireEvent, render, screen } from "@testing-library/react";
+import React from "react";
+import { apiType } from "UserContext";
+import { DatabaseAccount, Subscription } from "../../../../../Contracts/DataModels";
+import { useDatabaseAccounts } from "../../../../../hooks/useDatabaseAccounts";
+import { useSubscriptions } from "../../../../../hooks/useSubscriptions";
+import { CopyJobMigrationType } from "../../../Enums/CopyJobEnums";
+import { CopyJobContextProviderType, CopyJobContextState } from "../../../Types/CopyJobTypes";
+import SelectAccount from "./SelectAccount";
+
+jest.mock("UserContext", () => ({
+ apiType: jest.fn(),
+}));
+
+jest.mock("../../../../../hooks/useDatabaseAccounts");
+jest.mock("../../../../../hooks/useSubscriptions");
+jest.mock("../../../Context/CopyJobContext", () => ({
+ useCopyJobContext: () => mockContextValue,
+}));
+
+jest.mock("./Utils/selectAccountUtils", () => ({
+ useDropdownOptions: jest.fn(),
+ useEventHandlers: jest.fn(),
+}));
+
+jest.mock("./Components/SubscriptionDropdown", () => ({
+ SubscriptionDropdown: jest.fn(({ options, selectedKey, onChange, ...props }) => (
+
+
+
+
+
+
+
+
+
+ Select a subscription
+
+
+
+
+
+
+
+
+ {options?.map((option: any) => (
+
+ )),
+}));
+
+jest.mock("./Components/AccountDropdown", () => ({
+ AccountDropdown: jest.fn(({ options, selectedKey, disabled, onChange, ...props }) => (
+ onChange?.(undefined, option)}
+ >
+ {option.text}
+
+ ))}
+
+ {options?.map((option: any) => (
+
+ )),
+}));
+
+jest.mock("./Components/MigrationTypeCheckbox", () => ({
+ MigrationTypeCheckbox: jest.fn(({ checked, onChange, ...props }) => (
+ onChange?.(undefined, option)}
+ >
+ {option.text}
+
+ ))}
+
+ onChange?.(e, e.target.checked)}
+ data-testid="migration-checkbox-input"
+ />
+
+ )),
+}));
+
+jest.mock("../../../ContainerCopyMessages", () => ({
+ selectAccountDescription: "Select your source account and subscription",
+}));
+
+const mockUseDatabaseAccounts = useDatabaseAccounts as jest.MockedFunction
+
+ );
+};
+
+const EventHandlersTestComponent: React.FC<{
+ setCopyJobState: jest.Mock;
+ onResult?: (result: any) => void;
+}> = ({ setCopyJobState, onResult }) => {
+ const result = useEventHandlers(setCopyJobState);
+
+ React.useEffect(() => {
+ if (onResult) {
+ onResult(result);
+ }
+ }, [result, onResult]);
+
+ return (
+ {result.subscriptionOptions.length}
+ {result.accountOptions.length}
+
+
+
+
+
+ );
+};
+
+describe("selectAccountUtils", () => {
+ describe("useDropdownOptions", () => {
+ it("should return empty arrays when subscriptions and accounts are undefined", () => {
+ let capturedResult: any;
+
+ render(
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle empty accounts array 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle empty subscriptions array 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle null account in context 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle null subscription in context 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle undefined accounts from hook 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Edge Cases should handle undefined subscriptions from hook 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Rendering should render component with default state 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Rendering should render with offline migration type checked 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Rendering should render with online migration type unchecked 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Rendering should render with selected account 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
+
+exports[`SelectAccount Component Rendering should render with selected subscription 1`] = `
+
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/Events/DropDownChangeHandler.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/Events/DropDownChangeHandler.test.tsx
new file mode 100644
index 000000000..4cf137ea4
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/Events/DropDownChangeHandler.test.tsx
@@ -0,0 +1,330 @@
+import { fireEvent, render } from "@testing-library/react";
+import React from "react";
+import { CopyJobMigrationType } from "../../../../Enums/CopyJobEnums";
+import { CopyJobContextState, DropdownOptionType } from "../../../../Types/CopyJobTypes";
+import { dropDownChangeHandler } from "./DropDownChangeHandler";
+
+const createMockInitialState = (): CopyJobContextState => ({
+ jobName: "test-job",
+ migrationType: CopyJobMigrationType.Offline,
+ sourceReadAccessFromTarget: false,
+ source: {
+ subscription: {
+ subscriptionId: "source-sub-id",
+ displayName: "Source Subscription",
+ state: "Enabled",
+ subscriptionPolicies: {
+ locationPlacementId: "test",
+ quotaId: "test",
+ spendingLimit: "Off",
+ },
+ authorizationSource: "test",
+ },
+ account: {
+ id: "source-account-id",
+ name: "source-account",
+ location: "East US",
+ type: "Microsoft.DocumentDB/databaseAccounts",
+ kind: "DocumentDB",
+ properties: {
+ documentEndpoint: "https://source.documents.azure.com:443/",
+ cassandraEndpoint: undefined,
+ gremlinEndpoint: undefined,
+ tableEndpoint: undefined,
+ writeLocations: [],
+ readLocations: [],
+ enableMultipleWriteLocations: false,
+ isVirtualNetworkFilterEnabled: false,
+ enableFreeTier: false,
+ enableAnalyticalStorage: false,
+ backupPolicy: undefined,
+ disableLocalAuth: false,
+ capacity: undefined,
+ enablePriorityBasedExecution: false,
+ publicNetworkAccess: "Enabled",
+ enableMaterializedViews: false,
+ },
+ systemData: undefined,
+ },
+ databaseId: "source-db",
+ containerId: "source-container",
+ },
+ target: {
+ subscriptionId: "target-sub-id",
+ account: {
+ id: "target-account-id",
+ name: "target-account",
+ location: "West US",
+ type: "Microsoft.DocumentDB/databaseAccounts",
+ kind: "DocumentDB",
+ properties: {
+ documentEndpoint: "https://target.documents.azure.com:443/",
+ cassandraEndpoint: undefined,
+ gremlinEndpoint: undefined,
+ tableEndpoint: undefined,
+ writeLocations: [],
+ readLocations: [],
+ enableMultipleWriteLocations: false,
+ isVirtualNetworkFilterEnabled: false,
+ enableFreeTier: false,
+ enableAnalyticalStorage: false,
+ backupPolicy: undefined,
+ disableLocalAuth: false,
+ capacity: undefined,
+ enablePriorityBasedExecution: false,
+ publicNetworkAccess: "Enabled",
+ enableMaterializedViews: false,
+ },
+ systemData: undefined,
+ },
+ databaseId: "target-db",
+ containerId: "target-container",
+ },
+});
+
+interface TestComponentProps {
+ initialState: CopyJobContextState;
+ onStateChange: (state: CopyJobContextState) => void;
+}
+
+const TestComponent: React.FC
+
+ Select your source account and subscription
+
+
+
+
+
+ Test Subscription 1
+
+
+ Test Subscription 2
+
+
+
+
+ test-cosmos-account-1
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+describe("dropDownChangeHandler", () => {
+ let capturedState: CopyJobContextState;
+ let initialState: CopyJobContextState;
+
+ beforeEach(() => {
+ initialState = createMockInitialState();
+ capturedState = initialState;
+ });
+
+ const renderTestComponent = () => {
+ return render(
+
+
+
+`;
+
+exports[`DatabaseContainerSection Snapshot Testing matches snapshot with disabled states 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Database 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Container 2
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`DatabaseContainerSection Snapshot Testing matches snapshot with empty options 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Database 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Container 1
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`DatabaseContainerSection Snapshot Testing matches snapshot with minimal props 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Select a database
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select a container
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/memoizedData.test.tsx b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/memoizedData.test.tsx
new file mode 100644
index 000000000..85de409cb
--- /dev/null
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/memoizedData.test.tsx
@@ -0,0 +1,387 @@
+import "@testing-library/jest-dom";
+import { render } from "@testing-library/react";
+import React from "react";
+import { DatabaseAccount, Subscription } from "../../../../../Contracts/DataModels";
+import { CopyJobMigrationType } from "../../../Enums/CopyJobEnums";
+import { CopyJobContextState } from "../../../Types/CopyJobTypes";
+import { useSourceAndTargetData } from "./memoizedData";
+
+jest.mock("../../../CopyJobUtils", () => ({
+ getAccountDetailsFromResourceId: jest.fn(),
+}));
+
+import { getAccountDetailsFromResourceId } from "../../../CopyJobUtils";
+
+const mockGetAccountDetailsFromResourceId = getAccountDetailsFromResourceId as jest.MockedFunction<
+ typeof getAccountDetailsFromResourceId
+>;
+
+interface TestComponentProps {
+ copyJobState: CopyJobContextState | null;
+ onResult?: (result: any) => void;
+}
+
+const TestComponent: React.FC
+
+
+
+
+
+
+
+
+
+
+ Database 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Container 1
+
+
+
+
+
+
+
+ Test Component
;
+};
+
+describe("useSourceAndTargetData", () => {
+ const mockSubscription: Subscription = {
+ subscriptionId: "test-subscription-id",
+ displayName: "Test Subscription",
+ state: "Enabled",
+ subscriptionPolicies: null,
+ authorizationSource: "RoleBased",
+ };
+
+ const mockSourceAccount: DatabaseAccount = {
+ id: "/subscriptions/source-sub-id/resourceGroups/source-rg/providers/Microsoft.DocumentDB/databaseAccounts/source-account",
+ name: "source-account",
+ location: "East US",
+ type: "Microsoft.DocumentDB/databaseAccounts",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://source-account.documents.azure.com:443/",
+ capabilities: [],
+ locations: [],
+ },
+ };
+
+ const mockTargetAccount: DatabaseAccount = {
+ id: "/subscriptions/target-sub-id/resourceGroups/target-rg/providers/Microsoft.DocumentDB/databaseAccounts/target-account",
+ name: "target-account",
+ location: "West US",
+ type: "Microsoft.DocumentDB/databaseAccounts",
+ kind: "GlobalDocumentDB",
+ properties: {
+ documentEndpoint: "https://target-account.documents.azure.com:443/",
+ capabilities: [],
+ locations: [],
+ },
+ };
+
+ const mockCopyJobState: CopyJobContextState = {
+ jobName: "test-job",
+ migrationType: CopyJobMigrationType.Offline,
+ sourceReadAccessFromTarget: false,
+ source: {
+ subscription: mockSubscription,
+ account: mockSourceAccount,
+ databaseId: "source-db",
+ containerId: "source-container",
+ },
+ target: {
+ subscriptionId: "target-subscription-id",
+ account: mockTargetAccount,
+ databaseId: "target-db",
+ containerId: "target-container",
+ },
+ };
+
+ beforeEach(() => {
+ mockGetAccountDetailsFromResourceId.mockImplementation((accountId) => {
+ if (accountId === mockSourceAccount.id) {
+ return {
+ subscriptionId: "source-sub-id",
+ resourceGroup: "source-rg",
+ accountName: "source-account",
+ };
+ } else if (accountId === mockTargetAccount.id) {
+ return {
+ subscriptionId: "target-sub-id",
+ resourceGroup: "target-rg",
+ accountName: "target-account",
+ };
+ }
+ return null;
+ });
+ });
+
+ afterEach(() => {
+ jest.clearAllMocks();
+ });
+
+ describe("Hook Execution", () => {
+ it("should return correct data structure when copyJobState is provided", () => {
+ let hookResult: any = null;
+ const onResult = jest.fn((result) => {
+ hookResult = result;
+ });
+
+ render(
+
+ );
+};
+
+describe("useCopyJobNavigation", () => {
+ const createMockCopyJobState = (overrides?: Partial{hookResult.currentScreen?.key}
+ {hookResult.isPrimaryDisabled.toString()}
+ {hookResult.isPreviousDisabled.toString()}
+ {hookResult.primaryBtnText}
+
+
+
+ {hookResult.currentScreen?.key === SCREEN_KEYS.SelectSourceAndTargetContainers && (
+
+ )}
+ {key} Screen
,
+ validations,
+ });
+
+ const mockResetCopyJobState = jest.fn();
+ const mockSetContextError = jest.fn();
+ const mockCloseSidePanel = jest.fn();
+ const mockCopyJobState = createMockCopyJobState();
+ const mockValidationCache = new Map([
+ ["validation1", true],
+ ["validation2", true],
+ ]);
+
+ const setupMocks = (screensList: any[] = [], isIntraAccount = false) => {
+ (useCopyJobContext as jest.Mock).mockReturnValue({
+ copyJobState: mockCopyJobState,
+ resetCopyJobState: mockResetCopyJobState,
+ setContextError: mockSetContextError,
+ });
+
+ (useCopyJobPrerequisitesCache as unknown as jest.Mock).mockReturnValue({
+ validationCache: mockValidationCache,
+ });
+
+ (useCreateCopyJobScreensList as jest.Mock).mockReturnValue(
+ screensList.length > 0 ? screensList : [createMockScreen(SCREEN_KEYS.SelectAccount)],
+ );
+
+ (useSidePanel.getState as jest.Mock).mockReturnValue({
+ closeSidePanel: mockCloseSidePanel,
+ });
+
+ (getContainerIdentifiers as jest.Mock).mockImplementation((container) => ({
+ accountId: container.account?.id,
+ databaseId: container.databaseId,
+ containerId: container.containerId,
+ }));
+
+ (isIntraAccountCopy as jest.Mock).mockReturnValue(isIntraAccount);
+ };
+
+ const clickPrimaryButton = () => fireEvent.click(screen.getByTestId("primary-btn"));
+ const clickPreviousButton = () => fireEvent.click(screen.getByTestId("previous-btn"));
+
+ const expectScreen = (screenKey: string) => {
+ expect(screen.getByTestId("current-screen")).toHaveTextContent(screenKey);
+ };
+
+ const expectPrimaryButtonText = (text: string) => {
+ expect(screen.getByTestId("primary-btn-text")).toHaveTextContent(text);
+ };
+
+ const expectPrimaryDisabled = (disabled: boolean) => {
+ expect(screen.getByTestId("primary-disabled")).toHaveTextContent(disabled.toString());
+ };
+
+ const navigateToScreen = (screenKey: string, clicks: number) => {
+ for (let i = 0; i < clicks; i++) {
+ clickPrimaryButton();
+ }
+ expectScreen(screenKey);
+ };
+
+ beforeEach(() => {
+ jest.clearAllMocks();
+ setupMocks();
+ });
+
+ describe("Initial state and navigation", () => {
+ test("should start with SelectAccount screen and disable previous button", () => {
+ render(
+ {hookResult.validationCache.size}
+
+
+
+ );
+ };
+
+ afterEach(() => {
+ if (hookResult) {
+ act(() => {
+ hookResult.setValidationCache(new MapFirst
;
+ };
+
+ const SecondComponent = (): JSX.Element => {
+ secondHookResult = useCopyJobPrerequisitesCache();
+ return Second
;
+ };
+
+ render(
+
+
,
+ );
+
+ const testCache = new Map
+
,
+ );
+
+ act(() => {
+ screen.getByTestId("first-update").click();
+ });
+
+ expect(secondHookResult.validationCache.get("key-from-first")).toBe(true);
+
+ act(() => {
+ screen.getByTestId("second-update").click();
+ });
+
+ expect(firstHookResult.validationCache.get("key-from-second")).toBe(false);
+ expect(firstHookResult.validationCache.get("key-from-first")).toBeUndefined();
+ });
+
+ it("should handle complex validation scenarios", () => {
+ const ComplexTestComponent = (): JSX.Element => {
+ hookResult = useCopyJobPrerequisitesCache();
+
+ const handleComplexUpdate = () => {
+ const complexCache = new Map
+
+
+ {hookResult.validationCache.get("test-key")?.toString()}
+
+ );
+ };
+
+ render(AssignPermissions
;
+ };
+ MockAssignPermissions.displayName = "MockAssignPermissions";
+ return MockAssignPermissions;
+});
+
+jest.mock("../Screens/CreateContainer/AddCollectionPanelWrapper", () => {
+ const MockAddCollectionPanelWrapper = () => {
+ return AddCollectionPanelWrapper
;
+ };
+ MockAddCollectionPanelWrapper.displayName = "MockAddCollectionPanelWrapper";
+ return MockAddCollectionPanelWrapper;
+});
+
+jest.mock("../Screens/PreviewCopyJob/PreviewCopyJob", () => {
+ const MockPreviewCopyJob = () => {
+ return PreviewCopyJob
;
+ };
+ MockPreviewCopyJob.displayName = "MockPreviewCopyJob";
+ return MockPreviewCopyJob;
+});
+
+jest.mock("../Screens/SelectAccount/SelectAccount", () => {
+ const MockSelectAccount = () => {
+ return SelectAccount
;
+ };
+ MockSelectAccount.displayName = "MockSelectAccount";
+ return MockSelectAccount;
+});
+
+jest.mock("../Screens/SelectSourceAndTargetContainers/SelectSourceAndTargetContainers", () => {
+ const MockSelectSourceAndTargetContainers = () => {
+ return SelectSourceAndTargetContainers
;
+ };
+ MockSelectSourceAndTargetContainers.displayName = "MockSelectSourceAndTargetContainers";
+ return MockSelectSourceAndTargetContainers;
+});
+
+const TestHookComponent: React.FC<{ goBack: () => void }> = ({ goBack }) => {
+ const screens = useCreateCopyJobScreensList(goBack);
+
+ return (
+
+ {screens.map((screen, index) => (
+
+ );
+};
+
+describe("useCreateCopyJobScreensList", () => {
+ const mockExplorer = {} as Explorer;
+ const mockGoBack = jest.fn();
+ beforeEach(() => {
+ jest.clearAllMocks();
+ (useCopyJobContext as jest.Mock).mockReturnValue({
+ explorer: mockExplorer,
+ });
+ });
+
+ const renderWithContext = (component: React.ReactElement) => {
+ return render(
+
+ ))}
+ {screen.key}
+ {screen.component}
+
+ {JSON.stringify(screen.validations.map((v) => v.message))}
+
+ {isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext({isValid ? "valid" : "invalid"}
;
+ };
+
+ renderWithContext(Action Menu
;
+ };
+ MockCopyJobActionMenu.displayName = "MockCopyJobActionMenu";
+ return MockCopyJobActionMenu;
+});
+
+jest.mock("./CopyJobStatusWithIcon", () => {
+ const MockCopyJobStatusWithIcon = ({ status }: { status: CopyJobStatusType }) => {
+ return Status: {status}
;
+ };
+ MockCopyJobStatusWithIcon.displayName = "MockCopyJobStatusWithIcon";
+ return MockCopyJobStatusWithIcon;
+});
+
+describe("CopyJobColumns", () => {
+ type OnColumnClickType = IColumn & { onColumnClick: () => void };
+ const mockHandleSort = jest.fn();
+ const mockHandleActionClick: HandleJobActionClickType = jest.fn();
+
+ const mockJob = {
+ ID: "test-job-id",
+ Mode: "Online",
+ Name: "Test Job Name",
+ Status: CopyJobStatusType.InProgress,
+ CompletionPercentage: 75,
+ Duration: "00:05:30",
+ LastUpdatedTime: "2024-12-01T10:30:00Z",
+ timestamp: 1701426600000,
+ Source: {
+ databaseName: "test-source-db",
+ containerName: "test-source-container",
+ component: "CosmosDBSql",
+ },
+ Destination: {
+ databaseName: "test-dest-db",
+ containerName: "test-dest-container",
+ component: "CosmosDBSql",
+ },
+ } as CopyJobType;
+
+ beforeEach(() => {
+ jest.clearAllMocks();
+ });
+
+ describe("getColumns", () => {
+ it("should return an array of IColumn objects", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ expect(columns).toBeDefined();
+ expect(Array.isArray(columns)).toBe(true);
+ expect(columns.length).toBe(6);
+
+ columns.forEach((column: IColumn) => {
+ expect(column).toHaveProperty("key");
+ expect(column).toHaveProperty("name");
+ expect(column).toHaveProperty("minWidth");
+ expect(column).toHaveProperty("maxWidth");
+ expect(column).toHaveProperty("isResizable");
+ });
+ });
+
+ it("should have correct column keys", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const expectedKeys = ["LastUpdatedTime", "Name", "Mode", "CompletionPercentage", "CopyJobStatus", "Actions"];
+ const actualKeys = columns.map((column) => column.key);
+
+ expect(actualKeys).toEqual(expectedKeys);
+ });
+
+ it("should have correct column names from ContainerCopyMessages", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ expect(columns[0].name).toBe(ContainerCopyMessages.MonitorJobs.Columns.lastUpdatedTime);
+ expect(columns[1].name).toBe(ContainerCopyMessages.MonitorJobs.Columns.name);
+ expect(columns[2].name).toBe(ContainerCopyMessages.MonitorJobs.Columns.mode);
+ expect(columns[3].name).toBe(ContainerCopyMessages.MonitorJobs.Columns.completionPercentage);
+ expect(columns[4].name).toBe(ContainerCopyMessages.MonitorJobs.Columns.status);
+ expect(columns[5].name).toBe("");
+ });
+
+ it("should configure sortable columns correctly when no sort is applied", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ expect(columns[0].isSorted).toBe(false); // LastUpdatedTime
+ expect(columns[1].isSorted).toBe(false); // Name
+ expect(columns[2].isSorted).toBe(false); // Mode
+ expect(columns[3].isSorted).toBe(false); // CompletionPercentage
+ expect(columns[4].isSorted).toBe(false); // CopyJobStatus
+ });
+
+ it("should configure sorted column correctly when sort is applied", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "Name", true);
+
+ expect(columns[1].isSorted).toBe(true);
+ expect(columns[1].isSortedDescending).toBe(true);
+
+ expect(columns[0].isSorted).toBe(false);
+ expect(columns[2].isSorted).toBe(false);
+ expect(columns[3].isSorted).toBe(false);
+ expect(columns[4].isSorted).toBe(false);
+ });
+
+ it("should handle timestamp sorting for LastUpdatedTime column", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "timestamp", false);
+
+ expect(columns[0].isSorted).toBe(true);
+ expect(columns[0].isSortedDescending).toBe(false);
+ });
+
+ it("should call handleSort with correct column keys when column headers are clicked", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ (columns[0] as OnColumnClickType).onColumnClick?.();
+ expect(mockHandleSort).toHaveBeenCalledWith("timestamp");
+
+ (columns[1] as OnColumnClickType).onColumnClick();
+ expect(mockHandleSort).toHaveBeenCalledWith("Name");
+
+ (columns[2] as OnColumnClickType).onColumnClick();
+ expect(mockHandleSort).toHaveBeenCalledWith("Mode");
+
+ (columns[3] as OnColumnClickType).onColumnClick();
+ expect(mockHandleSort).toHaveBeenCalledWith("CompletionPercentage");
+
+ (columns[4] as OnColumnClickType).onColumnClick();
+ expect(mockHandleSort).toHaveBeenCalledWith("Status");
+
+ expect(mockHandleSort).toHaveBeenCalledTimes(5);
+ });
+
+ it("should have correct column widths and resizability", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ expect(columns[0].minWidth).toBe(140); // LastUpdatedTime
+ expect(columns[0].maxWidth).toBe(300);
+ expect(columns[0].isResizable).toBe(true);
+
+ expect(columns[1].minWidth).toBe(140); // Name
+ expect(columns[1].maxWidth).toBe(300);
+ expect(columns[1].isResizable).toBe(true);
+
+ expect(columns[2].minWidth).toBe(90); // Mode
+ expect(columns[2].maxWidth).toBe(200);
+ expect(columns[2].isResizable).toBe(true);
+
+ expect(columns[3].minWidth).toBe(110); // CompletionPercentage
+ expect(columns[3].maxWidth).toBe(200);
+ expect(columns[3].isResizable).toBe(true);
+
+ expect(columns[4].minWidth).toBe(130); // CopyJobStatus
+ expect(columns[4].maxWidth).toBe(200);
+ expect(columns[4].isResizable).toBe(true);
+
+ expect(columns[5].minWidth).toBe(80); // Actions
+ expect(columns[5].maxWidth).toBe(200);
+ expect(columns[5].isResizable).toBe(true);
+ });
+ });
+
+ describe("Column Render Functions", () => {
+ let columns: IColumn[];
+
+ beforeEach(() => {
+ columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+ });
+
+ describe("Name column render function", () => {
+ it("should render job name with correct styling", () => {
+ const nameColumn = columns.find((col) => col.key === "Name");
+ expect(nameColumn?.onRender).toBeDefined();
+
+ const rendered = nameColumn?.onRender?.(mockJob);
+ const { container } = render({rendered}
);
+
+ const jobNameElement = container.querySelector(".jobNameLink");
+ expect(jobNameElement).toBeInTheDocument();
+ expect(jobNameElement).toHaveTextContent("Test Job Name");
+ });
+
+ it("should handle empty job name", () => {
+ const nameColumn = columns.find((col) => col.key === "Name");
+ const jobWithEmptyName = { ...mockJob, Name: "" };
+
+ const rendered = nameColumn?.onRender?.(jobWithEmptyName);
+ const { container } = render({rendered}
);
+
+ const jobNameElement = container.querySelector(".jobNameLink");
+ expect(jobNameElement).toBeInTheDocument();
+ expect(jobNameElement).toHaveTextContent("");
+ });
+
+ it("should handle special characters in job name", () => {
+ const nameColumn = columns.find((col) => col.key === "Name");
+ const jobWithSpecialName = { ...mockJob, Name: "Test & {rendered}
);
+
+ const jobNameElement = container.querySelector(".jobNameLink");
+ expect(jobNameElement).toBeInTheDocument();
+ expect(jobNameElement).toHaveTextContent("Test & {rendered}
);
+
+ const statusIcon = container.querySelector(`[data-testid="status-icon-${mockJob.Status}"]`);
+ expect(statusIcon).toBeInTheDocument();
+ expect(statusIcon).toHaveTextContent(`Status: ${mockJob.Status}`);
+ });
+
+ it("should handle different job statuses", () => {
+ const statusColumn = columns.find((col) => col.key === "CopyJobStatus");
+
+ Object.values(CopyJobStatusType).forEach((status) => {
+ const jobWithStatus = { ...mockJob, Status: status };
+ const rendered = statusColumn?.onRender?.(jobWithStatus);
+ const { container } = render({rendered}
);
+
+ const statusIcon = container.querySelector(`[data-testid="status-icon-${status}"]`);
+ expect(statusIcon).toBeInTheDocument();
+ });
+ });
+ });
+
+ describe("Actions column render function", () => {
+ it("should render CopyJobActionMenu component", () => {
+ const actionsColumn = columns.find((col) => col.key === "Actions");
+ expect(actionsColumn?.onRender).toBeDefined();
+
+ const rendered = actionsColumn?.onRender?.(mockJob);
+ const { container } = render({rendered}
);
+
+ const actionMenu = container.querySelector(`[data-testid="action-menu-${mockJob.Name}"]`);
+ expect(actionMenu).toBeInTheDocument();
+ expect(actionMenu).toHaveTextContent("Action Menu");
+ });
+
+ it("should pass correct props to CopyJobActionMenu", () => {
+ const actionsColumn = columns.find((col) => col.key === "Actions");
+ const rendered = actionsColumn?.onRender?.(mockJob);
+
+ expect(rendered).toBeDefined();
+ expect(React.isValidElement(rendered)).toBe(true);
+ });
+ });
+ });
+
+ describe("Column Field Names", () => {
+ it("should have correct fieldName properties", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ expect(columns[0].fieldName).toBe("LastUpdatedTime");
+ expect(columns[1].fieldName).toBe("Name");
+ expect(columns[2].fieldName).toBe("Mode");
+ expect(columns[3].fieldName).toBe("CompletionPercentage");
+ expect(columns[4].fieldName).toBe("Status");
+ expect(columns[5].fieldName).toBeUndefined(); // Actions column doesn't have fieldName
+ });
+ });
+
+ describe("Different Sort Configurations", () => {
+ it("should handle ascending sort", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "Name", false);
+
+ const nameColumn = columns.find((col) => col.key === "Name");
+ expect(nameColumn?.isSorted).toBe(true);
+ expect(nameColumn?.isSortedDescending).toBe(false);
+ });
+
+ it("should handle descending sort", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "Mode", true);
+
+ const modeColumn = columns.find((col) => col.key === "Mode");
+ expect(modeColumn?.isSorted).toBe(true);
+ expect(modeColumn?.isSortedDescending).toBe(true);
+ });
+
+ it("should handle sort on CompletionPercentage column", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "CompletionPercentage", false);
+
+ const completionColumn = columns.find((col) => col.key === "CompletionPercentage");
+ expect(completionColumn?.isSorted).toBe(true);
+ expect(completionColumn?.isSortedDescending).toBe(false);
+
+ const nameColumn = columns.find((col) => col.key === "Name");
+ expect(nameColumn?.isSorted).toBe(false);
+ });
+
+ it("should handle sort on Status column", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "Status", true);
+
+ const statusColumn = columns.find((col) => col.key === "CopyJobStatus");
+ expect(statusColumn?.isSorted).toBe(true);
+ expect(statusColumn?.isSortedDescending).toBe(true);
+ });
+ });
+
+ describe("Edge Cases", () => {
+ it("should handle undefined sortedColumnKey", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const sortableColumns = columns.filter((col) => col.key !== "Actions");
+ sortableColumns.forEach((column) => {
+ expect(column.isSorted).toBe(false);
+ });
+ });
+
+ it("should handle null job object in render functions gracefully", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const nameColumn = columns.find((col) => col.key === "Name");
+ expect(() => {
+ nameColumn?.onRender?.(null as any);
+ }).toThrow();
+
+ const completionColumn = columns.find((col) => col.key === "CompletionPercentage");
+ expect(() => {
+ completionColumn?.onRender?.(null as any);
+ }).toThrow();
+ });
+
+ it("should handle job object with missing properties", () => {
+ const incompleteJob = {
+ Name: "Incomplete Job",
+ } as CopyJobType;
+
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const nameColumn = columns.find((col) => col.key === "Name");
+ const rendered = nameColumn?.onRender?.(incompleteJob);
+ const { container } = render({rendered}
);
+
+ const jobNameElement = container.querySelector(".jobNameLink");
+ expect(jobNameElement).toHaveTextContent("Incomplete Job");
+ });
+
+ it("should handle unknown sortedColumnKey", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, "UnknownColumn", false);
+
+ const sortableColumns = columns.filter((col) => col.key !== "Actions");
+ sortableColumns.forEach((column) => {
+ expect(column.isSorted).toBe(false);
+ });
+ });
+ });
+
+ describe("Accessibility", () => {
+ it("should have Actions column without name for accessibility", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const actionsColumn = columns.find((col) => col.key === "Actions");
+ expect(actionsColumn?.name).toBe("");
+ });
+
+ it("should maintain column structure for screen readers", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ const columnsWithNames = columns.filter((col) => col.key !== "Actions");
+ columnsWithNames.forEach((column) => {
+ expect(column.name).toBeTruthy();
+ expect(typeof column.name).toBe("string");
+ expect(column.name.length).toBeGreaterThan(0);
+ });
+ });
+ });
+
+ describe("Function References", () => {
+ it("should maintain function reference stability", () => {
+ const columns1 = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+ const columns2 = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+
+ (columns1[0] as OnColumnClickType).onColumnClick?.();
+ (columns2[0] as OnColumnClickType).onColumnClick?.();
+
+ expect(mockHandleSort).toHaveBeenCalledTimes(2);
+ expect(mockHandleSort).toHaveBeenNthCalledWith(1, "timestamp");
+ expect(mockHandleSort).toHaveBeenNthCalledWith(2, "timestamp");
+ });
+
+ it("should call handleActionClick when action menu is rendered", () => {
+ const columns = getColumns(mockHandleSort, mockHandleActionClick, undefined, false);
+ const actionsColumn = columns.find((col) => col.key === "Actions");
+
+ const rendered = actionsColumn?.onRender?.(mockJob);
+ expect(React.isValidElement(rendered)).toBe(true);
+ });
+ });
+});
diff --git a/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.test.tsx b/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.test.tsx
new file mode 100644
index 000000000..1aa57ebca
--- /dev/null
+++ b/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.test.tsx
@@ -0,0 +1,383 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import { CopyJobStatusType } from "../../Enums/CopyJobEnums";
+import { CopyJobType } from "../../Types/CopyJobTypes";
+import CopyJobDetails from "./CopyJobDetails";
+
+jest.mock("./CopyJobStatusWithIcon", () => {
+ const MockCopyJobStatusWithIcon = ({ status }: { status: CopyJobStatusType }) => {
+ return {status};
+ };
+ MockCopyJobStatusWithIcon.displayName = "MockCopyJobStatusWithIcon";
+ return MockCopyJobStatusWithIcon;
+});
+
+jest.mock("../../ContainerCopyMessages", () => ({
+ errorTitle: "Error Details",
+ sourceDatabaseLabel: "Source Database",
+ sourceContainerLabel: "Source Container",
+ targetDatabaseLabel: "Destination Database",
+ targetContainerLabel: "Destination Container",
+ sourceAccountLabel: "Source Account",
+ MonitorJobs: {
+ Columns: {
+ lastUpdatedTime: "Date & time",
+ status: "Status",
+ mode: "Mode",
+ },
+ },
+}));
+
+describe("CopyJobDetails", () => {
+ const mockBasicJob: CopyJobType = {
+ ID: "test-job-1",
+ Mode: "Offline",
+ Name: "test-job-1",
+ Status: CopyJobStatusType.InProgress,
+ CompletionPercentage: 50,
+ Duration: "10 minutes",
+ LastUpdatedTime: "2024-01-01T10:00:00Z",
+ timestamp: 1704110400000,
+ Source: {
+ component: "CosmosDBSql",
+ databaseName: "sourceDb",
+ containerName: "sourceContainer",
+ remoteAccountName: "sourceAccount",
+ },
+ Destination: {
+ component: "CosmosDBSql",
+ databaseName: "targetDb",
+ containerName: "targetContainer",
+ remoteAccountName: "targetAccount",
+ },
+ };
+
+ const mockJobWithError: CopyJobType = {
+ ...mockBasicJob,
+ ID: "test-job-error",
+ Status: CopyJobStatusType.Failed,
+ Error: {
+ message: "Failed to connect to source database",
+ code: "CONNECTION_ERROR",
+ },
+ };
+
+ const mockJobWithNullValues: CopyJobType = {
+ ...mockBasicJob,
+ ID: "test-job-null",
+ Source: {
+ component: "CosmosDBSql",
+ databaseName: undefined,
+ containerName: undefined,
+ remoteAccountName: undefined,
+ },
+ Destination: {
+ component: "CosmosDBSql",
+ databaseName: undefined,
+ containerName: undefined,
+ remoteAccountName: undefined,
+ },
+ };
+
+ describe("Basic Rendering", () => {
+ it("renders the component with correct structure", () => {
+ render(
+
+`;
+
+exports[`CopyJobStatusWithIcon Spinner Status Types renders Partitioning with spinner and expected text 1`] = `
+
+
+
+
+ In Progress
+
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Spinner Status Types renders Running with spinner and expected text 1`] = `
+
+
+
+
+ In Progress
+
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Cancelled status correctly 1`] = `
+
+
+
+
+ In Progress
+
+
+
+
+
+
+ Cancelled
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Completed status correctly 1`] = `
+
+
+
+
+
+ Completed
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Failed status correctly 1`] = `
+
+
+
+
+
+ Failed
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Faulted status correctly 1`] = `
+
+
+
+
+
+ Failed
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Paused status correctly 1`] = `
+
+
+
+
+
+ Paused
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Pending status correctly 1`] = `
+
+
+
+
+
+ Pending
+
+
+`;
+
+exports[`CopyJobStatusWithIcon Static Icon Status Types - Snapshot Tests renders Skipped status correctly 1`] = `
+
+
+
+
+
+ Cancelled
+
+
+`;
diff --git a/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobRefState.test.tsx b/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobRefState.test.tsx
new file mode 100644
index 000000000..afdb419df
--- /dev/null
+++ b/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobRefState.test.tsx
@@ -0,0 +1,122 @@
+import { MonitorCopyJobsRefState } from "./MonitorCopyJobRefState";
+import { MonitorCopyJobsRef } from "./MonitorCopyJobs";
+
+describe("MonitorCopyJobsRefState", () => {
+ beforeEach(() => {
+ MonitorCopyJobsRefState.setState({ ref: null });
+ });
+
+ afterEach(() => {
+ jest.clearAllMocks();
+ });
+
+ it("should initialize with null ref", () => {
+ const state = MonitorCopyJobsRefState.getState();
+ expect(state.ref).toBeNull();
+ });
+
+ it("should set ref using setRef", () => {
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+
+ const state = MonitorCopyJobsRefState.getState();
+ state.setRef(mockRef);
+
+ const updatedState = MonitorCopyJobsRefState.getState();
+ expect(updatedState.ref).toBe(mockRef);
+ expect(updatedState.ref).toEqual(mockRef);
+ });
+
+ it("should allow setting ref to null", () => {
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+
+ MonitorCopyJobsRefState.getState().setRef(mockRef);
+ expect(MonitorCopyJobsRefState.getState().ref).toBe(mockRef);
+
+ MonitorCopyJobsRefState.getState().setRef(null);
+ expect(MonitorCopyJobsRefState.getState().ref).toBeNull();
+ });
+
+ it("should call refreshJobList method on the stored ref", () => {
+ const mockRefreshJobList = jest.fn();
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: mockRefreshJobList,
+ };
+
+ MonitorCopyJobsRefState.getState().setRef(mockRef);
+
+ const state = MonitorCopyJobsRefState.getState();
+ state.ref?.refreshJobList();
+
+ expect(mockRefreshJobList).toHaveBeenCalledTimes(1);
+ });
+
+ it("should handle calling refreshJobList when ref is null", () => {
+ MonitorCopyJobsRefState.setState({ ref: null });
+
+ const state = MonitorCopyJobsRefState.getState();
+ expect(state.ref).toBeNull();
+
+ expect(() => {
+ state.ref?.refreshJobList();
+ }).not.toThrow();
+ });
+
+ it("should allow partial state updates", () => {
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+
+ MonitorCopyJobsRefState.setState({ ref: mockRef });
+ const state1 = MonitorCopyJobsRefState.getState();
+ expect(state1.ref).toBe(mockRef);
+ expect(state1.setRef).toBeDefined();
+
+ const newMockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+ MonitorCopyJobsRefState.setState({ ref: newMockRef });
+ const state2 = MonitorCopyJobsRefState.getState();
+ expect(state2.ref).toBe(newMockRef);
+ expect(state2.setRef).toBeDefined();
+ });
+
+ it("should handle multiple subscribers", () => {
+ const mockSubscriber1 = jest.fn();
+ const mockSubscriber2 = jest.fn();
+
+ const unsubscribe1 = MonitorCopyJobsRefState.subscribe(mockSubscriber1);
+ const unsubscribe2 = MonitorCopyJobsRefState.subscribe(mockSubscriber2);
+
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+
+ MonitorCopyJobsRefState.getState().setRef(mockRef);
+
+ expect(mockSubscriber1).toHaveBeenCalled();
+ expect(mockSubscriber2).toHaveBeenCalled();
+
+ unsubscribe1();
+ unsubscribe2();
+ });
+
+ it("should not notify unsubscribed listeners", () => {
+ const mockSubscriber = jest.fn();
+
+ const unsubscribe = MonitorCopyJobsRefState.subscribe(mockSubscriber);
+ unsubscribe();
+
+ const mockRef: MonitorCopyJobsRef = {
+ refreshJobList: jest.fn(),
+ };
+
+ mockSubscriber.mockClear();
+ MonitorCopyJobsRefState.getState().setRef(mockRef);
+
+ expect(mockSubscriber).not.toHaveBeenCalled();
+ });
+});
diff --git a/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobs.test.tsx b/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobs.test.tsx
new file mode 100644
index 000000000..a59ebf687
--- /dev/null
+++ b/src/Explorer/ContainerCopy/MonitorCopyJobs/MonitorCopyJobs.test.tsx
@@ -0,0 +1,435 @@
+import "@testing-library/jest-dom";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import React from "react";
+import { DataTransferJobGetResults } from "Utils/arm/generatedClients/dataTransferService/types";
+import Explorer from "../../Explorer";
+import * as CopyJobActions from "../Actions/CopyJobActions";
+import { CopyJobStatusType } from "../Enums/CopyJobEnums";
+import { CopyJobType } from "../Types/CopyJobTypes";
+import MonitorCopyJobs from "./MonitorCopyJobs";
+
+jest.mock("Common/ShimmerTree/ShimmerTree", () => {
+ const MockShimmerTree = () => {
+ return Loading...
;
+ };
+ MockShimmerTree.displayName = "MockShimmerTree";
+ return MockShimmerTree;
+});
+
+jest.mock("./Components/CopyJobsList", () => {
+ const MockCopyJobsList = ({ jobs }: any) => {
+ return Jobs: {jobs.length}
;
+ };
+ MockCopyJobsList.displayName = "MockCopyJobsList";
+ return MockCopyJobsList;
+});
+
+jest.mock("./Components/CopyJobs.NotFound", () => {
+ const MockCopyJobsNotFound = () => {
+ return No jobs found
;
+ };
+ MockCopyJobsNotFound.displayName = "MockCopyJobsNotFound";
+ return MockCopyJobsNotFound;
+});
+
+jest.mock("../Actions/CopyJobActions", () => ({
+ getCopyJobs: jest.fn(),
+ updateCopyJobStatus: jest.fn(),
+}));
+
+describe("MonitorCopyJobs", () => {
+ let mockExplorer: Explorer;
+ const mockGetCopyJobs = CopyJobActions.getCopyJobs as jest.MockedFunction