migration-options-toggle.spec.ts

import { test, expect, Page } from '@playwright/test'

import {
  goToMigrations,
  openMigrationDrawer,
  selectVmwareCluster,
  selectPcdCluster,
  selectStorageCopyMethod,
  mockRoute,
  API,
} from './helpers/migration.helpers'
import {
  MOCK_MIGRATIONS_LIST_EMPTY,
  MOCK_MIGRATION_PLANS_LIST_EMPTY,
  MOCK_VMWARE_CREDS_LIST,
  MOCK_VMWARE_CRED_1,
  MOCK_OPENSTACK_CRED_1,
  MOCK_OPENSTACK_CREDS_LIST,
  MOCK_VMWARE_CLUSTERS_LIST,
  MOCK_PCD_CLUSTERS_LIST,
  MOCK_VMWARE_MACHINES_LIST,
} from './helpers/migration.fixtures'

async function mockFormApis(page: Page) {
  await mockRoute(page, API.migrations, 'GET', MOCK_MIGRATIONS_LIST_EMPTY)
  await mockRoute(page, API.migrationPlans, 'GET', MOCK_MIGRATION_PLANS_LIST_EMPTY)
  await mockRoute(page, API.vmwareCreds, 'GET', MOCK_VMWARE_CREDS_LIST)
  await mockRoute(page, API.vmwareCredByName('vcenter-cred-1'), 'GET', MOCK_VMWARE_CRED_1)
  await mockRoute(page, API.vmwareClusters, 'GET', MOCK_VMWARE_CLUSTERS_LIST)
  await mockRoute(page, API.vmwareMachines, 'GET', MOCK_VMWARE_MACHINES_LIST)
  await mockRoute(page, API.rdmDisks, 'GET', {
    apiVersion: 'vjailbreak.k8s.pf9.io/v1alpha1',
    kind: 'RdmDiskList',
    metadata: { continue: '', resourceVersion: '1' },
    items: [],
  })
  await mockRoute(page, API.pcdClusters, 'GET', MOCK_PCD_CLUSTERS_LIST)
  await mockRoute(page, API.openstackCredByName('pcd-cred-1'), 'GET', MOCK_OPENSTACK_CRED_1)
  await mockRoute(page, API.openstackCreds, 'GET', MOCK_OPENSTACK_CREDS_LIST)
}

test.describe('MIGOPTS-001 — GH-2176 regression: Migration Options toggles respond to a single click', () => {
  test.beforeEach(async ({ page }) => {
    await mockFormApis(page)
  })

  test('first toggle reached after closing cluster selects enables on the first raw click', async ({
    page,
  }) => {
    await goToMigrations(page)
    await openMigrationDrawer(page)
    await selectVmwareCluster(page, 'DC1-Cluster')
    await selectPcdCluster(page, 'pcd-cluster-1')
    await page.waitForFunction(() => {
      const menus = document.querySelectorAll('.MuiMenu-root')
      return Array.from(menus).every((m) => m.getAttribute('aria-hidden') === 'true')
    }, { timeout: 5000 })

    // Jump straight to Migration Options, skipping every other step - this makes
    // "Data copy method" the first control clicked after the selects close.
    const checkbox = page.getByRole('checkbox', { name: /data copy method/i })
    await checkbox.scrollIntoViewIfNeeded()
    await expect(checkbox).toBeVisible()

    const box = await checkbox.boundingBox()
    if (!box) throw new Error('checkbox not visible')
    const cx = box.x + box.width / 2
    const cy = box.y + box.height / 2

    await page.mouse.click(cx, cy)
    await expect(checkbox).toBeChecked()

    await page.mouse.click(cx, cy)
    await expect(checkbox).not.toBeChecked()
  })
})

test.describe('MIGOPTS-002 — PR#2352: Hot-Add allows Hot migration data copy', () => {
  test.beforeEach(async ({ page }) => {
    await mockFormApis(page)
    // Selecting the HotAdd radio triggers useProxyVMsQuery; stub it so the request
    // resolves instead of hanging (an empty list is enough -- this test only checks
    // that the Data copy method control unlocks, it doesn't need a Ready Proxy VM).
    await mockRoute(page, API.proxyVMs, 'GET', {
      apiVersion: 'vjailbreak.k8s.pf9.io/v1alpha1',
      kind: 'ProxyVMList',
      metadata: { continue: '', resourceVersion: '1' },
      items: [],
    })
  })

  test('Hot is a selectable data copy method once HotAdd storage copy is chosen', async ({ page }) => {
    await goToMigrations(page)
    await openMigrationDrawer(page)
    await selectVmwareCluster(page, 'DC1-Cluster')
    await selectPcdCluster(page, 'pcd-cluster-1')
    await page.waitForFunction(() => {
      const menus = document.querySelectorAll('.MuiMenu-root')
      return Array.from(menus).every((m) => m.getAttribute('aria-hidden') === 'true')
    }, { timeout: 5000 })

    await selectStorageCopyMethod(page, /vJailbreak Accelerated Copy/i)

    const checkbox = page.getByRole('checkbox', { name: /data copy method/i })
    await checkbox.scrollIntoViewIfNeeded()
    await expect(checkbox).toBeVisible()
    await expect(checkbox).not.toBeDisabled()

    const box = await checkbox.boundingBox()
    if (!box) throw new Error('checkbox not visible')
    await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2)
    await expect(checkbox).toBeChecked()

    const dataCopySelect = page.getByTestId('data-copy-method-container').locator('[role="combobox"]')
    await expect(dataCopySelect).not.toHaveAttribute('aria-disabled', 'true')
    await dataCopySelect.click()

    const hotOption = page.getByRole('option', { name: 'Copy live VMs, then power off' })
    await expect(hotOption).toBeVisible()
    await expect(hotOption).not.toHaveAttribute('aria-disabled', 'true')
    await hotOption.click()

    await expect(dataCopySelect).toHaveText('Copy live VMs, then power off')
  })
})