mirror of
https://github.com/SigNoz/signoz.git
synced 2025-12-22 18:06:35 +00:00
f9db796489
* feat: generate e2e test plan and tests using playwright mcp * feat: settings e2e sanity test cases * feat: playwright prettier * feat: update the gitignore file temporarily exclude test plans * chore: remove e2e test-plan directories from git tracking and update .gitignore * chore: remove playwright github action from frontend repo * chore: update base url in playwright config * chore: add github action to run playwright tests * chore: wrap env variables in quotes and enable uploading test results always * chore: update github action * chore: update github action * Update run-e2e.yaml * Update run-e2e.yaml * feat: update github action
58 lines
2.3 KiB
TypeScript
58 lines
2.3 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
import { ensureLoggedIn } from '../../../utils/login.util';
|
|
|
|
test('Notification Channels Settings - View and Interact', async ({ page }) => {
|
|
await ensureLoggedIn(page);
|
|
|
|
// 1. Open the sidebar settings menu using data-testid
|
|
await page.getByTestId('settings-nav-item').click();
|
|
|
|
// 2. Click Account Settings in the dropdown (by role/name or data-testid if available)
|
|
await page.getByRole('menuitem', { name: 'Account Settings' }).click();
|
|
|
|
// Assert the main tabpanel/heading (confirmed by DOM)
|
|
await expect(page.getByTestId('settings-page-title')).toBeVisible();
|
|
|
|
// Focus on the settings page sidenav
|
|
await page.getByTestId('settings-page-sidenav').focus();
|
|
|
|
// Click Notification Channels tab in the settings sidebar (by data-testid)
|
|
await page.getByTestId('notification-channels').click();
|
|
|
|
// Wait for loading to finish
|
|
await page.getByText('loading').first().waitFor({ state: 'hidden' });
|
|
|
|
// Assert presence of New Alert Channel button
|
|
const newChannelBtn = page.getByRole('button', { name: /New Alert Channel/ });
|
|
await expect(newChannelBtn).toBeVisible();
|
|
|
|
// Assert table columns
|
|
await expect(page.getByText('Name')).toBeVisible();
|
|
await expect(page.getByText('Type')).toBeVisible();
|
|
await expect(page.getByText('Action')).toBeVisible();
|
|
|
|
// Click New Alert Channel and assert modal fields/buttons
|
|
await newChannelBtn.click();
|
|
await expect(
|
|
page.getByRole('heading', { name: 'New Notification Channel' }),
|
|
).toBeVisible();
|
|
await expect(page.getByLabel('Name')).toBeVisible();
|
|
await expect(page.getByLabel('Type')).toBeVisible();
|
|
await expect(page.getByLabel('Webhook URL')).toBeVisible();
|
|
await expect(
|
|
page.getByRole('switch', { name: 'Send resolved alerts' }),
|
|
).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Save' })).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Test' })).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Back' })).toBeVisible();
|
|
// Close modal
|
|
await page.getByRole('button', { name: 'Back' }).click();
|
|
|
|
// Assert Edit and Delete buttons for at least one channel
|
|
const editBtn = page.getByRole('button', { name: 'Edit' }).first();
|
|
const deleteBtn = page.getByRole('button', { name: 'Delete' }).first();
|
|
await expect(editBtn).toBeVisible();
|
|
await expect(deleteBtn).toBeVisible();
|
|
});
|