// /* eslint-disable @typescript-eslint/no-explicit-any */
// import { expect, Frame, Locator, Page, test } from "@playwright/test";
// import { truncateName } from "../../../src/Explorer/ContainerCopy/CopyJobUtils";
// import {
//   ContainerCopy,
//   getAccountName,
//   getDropdownItemByNameOrPosition,
//   interceptAndInspectApiRequest,
//   TestAccount,
//   waitForApiResponse,
// } from "../../fx";
// import { createMultipleTestContainers } from "../../testData";

// test.describe("Container Copy - Offline Migration", () => {
//   let page: Page;
//   let wrapper: Locator;
//   let panel: Locator;
//   let frame: Frame;
//   let expectedJobName: string;
//   let targetAccountName: string;
//   let expectedSubscriptionName: string;
//   let expectedCopyJobNameInitial: string;

//   test.beforeEach("Setup for offline migration test", async ({ browser }) => {
//     await createMultipleTestContainers({ accountType: TestAccount.SQLContainerCopyOnly, containerCount: 2 });

//     page = await browser.newPage();
//     ({ wrapper, frame } = await ContainerCopy.open(page, TestAccount.SQLContainerCopyOnly));
//     expectedJobName = `offline_test_job_${Date.now()}`;
//     targetAccountName = getAccountName(TestAccount.SQLContainerCopyOnly);
//   });

//   test.afterEach("Cleanup after offline migration test", async () => {
//     await page.unroute(/.*/, (route) => route.continue());
//     await page.close();
//   });

//   test("Successfully create and manage offline migration copy job", async () => {
//     expect(wrapper).not.toBeNull();
//     await wrapper.locator(".commandBarContainer").waitFor({ state: "visible" });

//     // Open Create Copy Job panel
//     const createCopyJobButton = wrapper.getByTestId("CommandBar/Button:Create Copy Job");
//     await expect(createCopyJobButton).toBeVisible();
//     await createCopyJobButton.click();
//     panel = frame.getByTestId("Panel:Create copy job");
//     await expect(panel).toBeVisible();

//     // Reduced wait time for better performance
//     await page.waitForTimeout(2000);

//     // Setup subscription and account
//     const subscriptionDropdown = panel.getByTestId("subscription-dropdown");
//     const expectedAccountName = targetAccountName;
//     expectedSubscriptionName = await subscriptionDropdown.locator("span.ms-Dropdown-title").innerText();

//     await subscriptionDropdown.click();
//     const subscriptionItem = await getDropdownItemByNameOrPosition(
//       frame,
//       { name: expectedSubscriptionName },
//       { ariaLabel: "Subscription" },
//     );
//     await subscriptionItem.click();

//     // Select account
//     const accountDropdown = panel.getByTestId("account-dropdown");
//     await expect(accountDropdown).toHaveText(new RegExp(expectedAccountName));
//     await accountDropdown.click();

//     const accountItem = await getDropdownItemByNameOrPosition(
//       frame,
//       { name: expectedAccountName },
//       { ariaLabel: "Account" },
//     );
//     await accountItem.click();

//     // Test offline migration mode toggle functionality
//     const migrationTypeContainer = panel.getByTestId("migration-type");

//     // First test online mode (should show permissions screen)
//     const onlineCopyRadioButton = migrationTypeContainer.getByRole("radio", { name: /Online mode/i });
//     await onlineCopyRadioButton.click({ force: true });
//     await expect(migrationTypeContainer.getByTestId("migration-type-description-online")).toBeVisible();

//     await panel.getByRole("button", { name: "Next" }).click();
//     await expect(panel.getByTestId("Panel:AssignPermissionsContainer")).toBeVisible();
//     await expect(panel.getByText("Online container copy", { exact: true })).toBeVisible();

//     // Go back and switch to offline mode
//     await panel.getByRole("button", { name: "Previous" }).click();

//     const offlineCopyRadioButton = migrationTypeContainer.getByRole("radio", { name: /Offline mode/i });
//     await offlineCopyRadioButton.click({ force: true });
//     await expect(migrationTypeContainer.getByTestId("migration-type-description-offline")).toBeVisible();

//     await panel.getByRole("button", { name: "Next" }).click();

//     // Verify we skip permissions screen in offline mode
//     await expect(panel.getByTestId("Panel:SelectSourceAndTargetContainers")).toBeVisible();
//     await expect(panel.getByTestId("Panel:AssignPermissionsContainer")).not.toBeVisible();

//     // Test source and target container selection with validation
//     const sourceContainerDropdown = panel.getByTestId("source-containerDropdown");
//     expect(sourceContainerDropdown).toBeVisible();
//     await expect(sourceContainerDropdown).toHaveClass(/(^|\s)is-disabled(\s|$)/);

//     // Select source database first (containers are disabled until database is selected)
//     const sourceDatabaseDropdown = panel.getByTestId("source-databaseDropdown");
//     await sourceDatabaseDropdown.click();
//     const sourceDbDropdownItem = await getDropdownItemByNameOrPosition(
//       frame,
//       { position: 0 },
//       { ariaLabel: "Database" },
//     );
//     await sourceDbDropdownItem.click();

//     // Now container dropdown should be enabled
//     await expect(sourceContainerDropdown).not.toHaveClass(/(^|\s)is-disabled(\s|$)/);
//     await sourceContainerDropdown.click();
//     const sourceContainerDropdownItem = await getDropdownItemByNameOrPosition(
//       frame,
//       { position: 0 },
//       { ariaLabel: "Container" },
//     );
//     await sourceContainerDropdownItem.click();

//     // Test target container selection
//     const targetContainerDropdown = panel.getByTestId("target-containerDropdown");
//     expect(targetContainerDropdown).toBeVisible();
//     await expect(targetContainerDropdown).toHaveClass(/(^|\s)is-disabled(\s|$)/);

//     const targetDatabaseDropdown = panel.getByTestId("target-databaseDropdown");
//     await targetDatabaseDropdown.click();
//     const targetDbDropdownItem = await getDropdownItemByNameOrPosition(
//       frame,
//       { position: 0 },
//       { ariaLabel: "Database" },
//     );
//     await targetDbDropdownItem.click();

//     await expect(targetContainerDropdown).not.toHaveClass(/(^|\s)is-disabled(\s|$)/);
//     await targetContainerDropdown.click();

//     // First try selecting the same container (should show error)
//     const targetContainerDropdownItem1 = await getDropdownItemByNameOrPosition(
//       frame,
//       { position: 0 },
//       { ariaLabel: "Container" },
//     );
//     await targetContainerDropdownItem1.click();

//     await panel.getByRole("button", { name: "Next" }).click();

//     // Verify validation error for same source and target containers
//     const errorContainer = panel.getByTestId("Panel:ErrorContainer");
//     await expect(errorContainer).toBeVisible();
//     await expect(errorContainer).toHaveText(/Source and destination containers cannot be the same/i);

//     // Select different target container
//     await targetContainerDropdown.click();
//     const targetContainerDropdownItem2 = await getDropdownItemByNameOrPosition(
//       frame,
//       { position: 1 },
//       { ariaLabel: "Container" },
//     );
//     await targetContainerDropdownItem2.click();

//     // Generate expected job name based on selections
//     const selectedSourceDatabase = await sourceDatabaseDropdown.innerText();
//     const selectedSourceContainer = await sourceContainerDropdown.innerText();
//     const selectedTargetDatabase = await targetDatabaseDropdown.innerText();
//     const selectedTargetContainer = await targetContainerDropdown.innerText();
//     expectedCopyJobNameInitial = `${truncateName(selectedSourceDatabase)}.${truncateName(
//       selectedSourceContainer,
//     )}_${truncateName(selectedTargetDatabase)}.${truncateName(selectedTargetContainer)}`;

//     await panel.getByRole("button", { name: "Next" }).click();

//     // Error should disappear and preview should be visible
//     await expect(errorContainer).not.toBeVisible();
//     await expect(panel.getByTestId("Panel:PreviewCopyJob")).toBeVisible();

//     // Verify job preview details
//     const previewContainer = panel.getByTestId("Panel:PreviewCopyJob");
//     await expect(previewContainer).toBeVisible();
//     await expect(previewContainer.getByTestId("source-subscription-name")).toHaveText(expectedSubscriptionName);
//     await expect(previewContainer.getByTestId("source-account-name")).toHaveText(expectedAccountName);

//     const jobNameInput = previewContainer.getByTestId("job-name-textfield");
//     await expect(jobNameInput).toHaveValue(new RegExp(expectedCopyJobNameInitial));

//     const primaryBtn = panel.getByRole("button", { name: "Copy", exact: true });
//     await expect(primaryBtn).not.toHaveClass(/(^|\s)is-disabled(\s|$)/);

//     // Test invalid job name validation (spaces not allowed)
//     await jobNameInput.fill("test job name");
//     await expect(primaryBtn).toHaveClass(/(^|\s)is-disabled(\s|$)/);

//     // Test duplicate job name error handling
//     const duplicateJobName = "test-job-name-1";
//     await jobNameInput.fill(duplicateJobName);

//     const copyButton = panel.getByRole("button", { name: "Copy", exact: true });
//     const expectedErrorMessage = `Duplicate job name '${duplicateJobName}'`;

//     await interceptAndInspectApiRequest(
//       page,
//       `${expectedAccountName}/dataTransferJobs/${duplicateJobName}`,
//       "PUT",
//       new Error(expectedErrorMessage),
//       (url?: string) => url?.includes(duplicateJobName) ?? false,
//     );

//     let errorThrown = false;
//     try {
//       await copyButton.click();
//       await page.waitForTimeout(2000);
//     } catch (error: any) {
//       errorThrown = true;
//       expect(error.message).toContain("not allowed");
//     }

//     if (!errorThrown) {
//       const errorContainer = panel.getByTestId("Panel:ErrorContainer");
//       await expect(errorContainer).toBeVisible();
//       await expect(errorContainer).toHaveText(new RegExp(expectedErrorMessage, "i"));
//     }

//     await expect(panel).toBeVisible();

//     // Test successful job creation with valid job name
//     const validJobName = expectedJobName;

//     const copyJobCreationPromise = waitForApiResponse(
//       page,
//       `${expectedAccountName}/dataTransferJobs/${validJobName}`,
//       "PUT",
//     );

//     await jobNameInput.fill(validJobName);
//     await expect(copyButton).not.toHaveClass(/(^|\s)is-disabled(\s|$)/);

//     await copyButton.click();

//     const response = await copyJobCreationPromise;
//     expect(response.ok()).toBe(true);

//     // Verify panel closes and job appears in the list
//     await expect(panel).not.toBeVisible({ timeout: 5000 });

//     const jobsListContainer = wrapper.locator(".CopyJobListContainer .ms-DetailsList-contentWrapper .ms-List-page");
//     await jobsListContainer.waitFor({ state: "visible", timeout: 5000 });

//     const jobItem = jobsListContainer.getByText(validJobName);
//     await jobItem.waitFor({ state: "visible", timeout: 5000 });
//     await expect(jobItem).toBeVisible();
//   });
// });