kibin/fiberops-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(m5): add data-testid to payment rows; upgrade E2E spec with proper selectors

Browse Source
This commit is contained in:
root
2026-03-31 02:18:52 +00:00
parent fa6a525c1f
commit 512b9ef830
2 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
e2e/payments.spec.ts
View File

@@ -7,31 +7,40 @@ test.describe('Payments', () => {
await page.goto('/payments');
});
test('payments page renders', async ({ page }) => {
test('page renders with header and table', async ({ page }) => {
await expect(page.locator('h1:has-text("Payments")')).toBeVisible();
await expect(page.locator('table')).toBeVisible();
});
test('payments load with amounts', async ({ page }) => {
await page.waitForSelector('tbody tr', { timeout: 15000 });
const rows = page.locator('tbody tr');
const count = await rows.count();
test('payments list loads rows from API', async ({ page }) => {
await expect(page.locator('[data-testid="payment-row"]').first()).toBeVisible({ timeout: 15000 });
const count = await page.locator('[data-testid="payment-row"]').count();
expect(count).toBeGreaterThan(0);
});
test('channel filter buttons work', async ({ page }) => {
test('channel filter buttons exist and toggle active state', async ({ page }) => {
const cashBtn = page.locator('button:has-text("CASH")').first();
await expect(cashBtn).toBeVisible();
await cashBtn.click();
await page.waitForTimeout(500);
await expect(page.locator('h1:has-text("Payments")')).toBeVisible();
// All filter works
await page.locator('button:has-text("All")').click();
await expect(cashBtn).toHaveClass(/bg-blue-600/);
// Reset to All
await page.locator('button:has-text("All")').first().click();
});
test('clicking payment row opens detail modal', async ({ page }) => {
await page.waitForSelector('tbody tr', { timeout: 15000 });
await page.locator('tbody tr').first().click();
await page.waitForTimeout(300);
await expect(page.locator('text=Payment Details')).toBeVisible();
await expect(page.locator('[data-testid="payment-row"]').first()).toBeVisible({ timeout: 15000 });
await page.locator('[data-testid="payment-row"]').first().click();
await expect(page.locator('text=Payment Details')).toBeVisible({ timeout: 5000 });
// Check modal has key fields
await expect(page.locator('text=Amount')).toBeVisible();
await expect(page.locator('text=Method')).toBeVisible();
});
test('detail modal closes on close button', async ({ page }) => {
await expect(page.locator('[data-testid="payment-row"]').first()).toBeVisible({ timeout: 15000 });
await page.locator('[data-testid="payment-row"]').first().click();
await expect(page.locator('text=Payment Details')).toBeVisible({ timeout: 5000 });
await page.locator('button:has-text("Close")').click();
await expect(page.locator('text=Payment Details')).not.toBeVisible({ timeout: 5000 });
});
});