test(e2e): Add ingress delete E2E test

Signed-off-by: SunsetB612 <[email protected]>

Author: SunsetB612

ui/apps/dashboard/e2e/service/ingress/ingress-delete.spec.ts

@@ -0,0 +1,89 @@
+/*
+Copyright 2024 The Karmada Authors.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { test, expect } from '@playwright/test';
+import { setupDashboardAuthentication, generateTestServiceYaml, createK8sService, getServiceNameFromYaml} from './test-utils';
+
+test.beforeEach(async ({ page }) => {
+    await setupDashboardAuthentication(page);
+});
+
+test('should delete service successfully', async ({ page }) => {
+    // Create a test service directly via kubectl to set up test data
+    const testServiceYaml = generateTestServiceYaml();
+    const serviceName = getServiceNameFromYaml(testServiceYaml);
+
+    // Setup: Create service using kubectl
+    await createK8sService(testServiceYaml);
+
+    // Navigate to service page
+    await page.click('text=Services');
+    
+    // Click visible Service tab
+    const serviceTab = page.locator('role=option[name="Service"]');
+    await serviceTab.waitFor({ state: 'visible', timeout: 30000 });
+    await serviceTab.click();
+    
+    // Verify selected state
+    await expect(serviceTab).toHaveAttribute('aria-selected', 'true');
+    await expect(page.locator('table')).toBeVisible({ timeout: 30000 });
+
+    // Wait for service to appear in list
+    const table = page.locator('table');
+    await expect(table.locator(`text=${serviceName}`)).toBeVisible({ timeout: 30000 });
+
+    // Find row containing test service name
+    const targetRow = page.locator(`table tbody tr:has-text("${serviceName}")`);
+    await expect(targetRow).toBeVisible({ timeout: 15000 });
+
+    // Find Delete button in that row and click
+    const deleteButton = targetRow.locator('button[type="button"]').filter({ hasText: /^(Delete)$/ });
+    await expect(deleteButton).toBeVisible({ timeout: 10000 });
+
+    // Listen for delete API call
+    const deleteApiPromise = page.waitForResponse(response => {
+        return response.url().includes('/_raw/service') &&
+            response.url().includes(`name/${serviceName}`) &&
+            response.request().method() === 'DELETE' &&
+            response.status() === 200;
+    }, { timeout: 15000 });
+
+    await deleteButton.click();
+
+    // Wait for delete confirmation tooltip to appear
+    await page.waitForSelector('[role="tooltip"]', { timeout: 10000 });
+
+    // Click Confirm button to confirm deletion
+    const confirmButton = page.locator('[role="tooltip"] button').filter({ hasText: /^(Confirm)$/ });
+    await expect(confirmButton).toBeVisible({ timeout: 5000 });
+    await confirmButton.click();
+
+    // Wait for delete API call to succeed
+    await deleteApiPromise;
+
+    // Wait for tooltip to close
+    await page.waitForSelector('[role="tooltip"]', { state: 'detached', timeout: 10000 }).catch(() => {});
+
+    // Refresh page to ensure UI is updated after deletion
+    await page.reload();
+    await page.click('text=Services');
+    await expect(table).toBeVisible({ timeout: 30000 });
+
+    // Verify service no longer exists in table
+    await expect(table.locator(`text=${serviceName}`)).toHaveCount(0, { timeout: 30000 });
+
+    // Debug
+    if(process.env.DEBUG === 'true'){
+        await page.screenshot({ path: 'debug-service-delete-kubectl.png', fullPage: true });
+    }
+});