Quick fixes + logo better
This commit is contained in:
AlacrisDevs
@@ -543,3 +543,332 @@ test.describe('Settings Page - Integrations', () => {
|
||||
await expect(page.getByText('Coming soon').first()).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Overview / Dashboard Page ──────────────────────────────────────────────
|
||||
|
||||
test.describe('Overview / Dashboard Page', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}`);
|
||||
});
|
||||
|
||||
test('should load dashboard with org name in header', async ({ page }) => {
|
||||
const header = page.locator('header, [class*="PageHeader"]');
|
||||
await expect(header).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should display stat cards for events, members, documents, boards', async ({ page }) => {
|
||||
// Wait for stats to load (they're async)
|
||||
await expect(page.getByText('Events').first()).toBeVisible({ timeout: 10000 });
|
||||
await expect(page.getByText('Members').first()).toBeVisible({ timeout: 5000 });
|
||||
await expect(page.getByText('Documents').first()).toBeVisible({ timeout: 5000 });
|
||||
await expect(page.getByText('Boards').first()).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should display Upcoming Events section', async ({ page }) => {
|
||||
await expect(page.getByText('Upcoming Events').first()).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should display Recent Activity section', async ({ page }) => {
|
||||
await expect(page.getByText('Activity').first()).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should display Members section with at least one member', async ({ page }) => {
|
||||
await expect(page.getByText('Members').first()).toBeVisible({ timeout: 10000 });
|
||||
// At least one avatar or member entry should exist
|
||||
const memberSection = page.locator('div').filter({ hasText: /Members/ }).last();
|
||||
await expect(memberSection).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should show Settings link for admin users', async ({ page }) => {
|
||||
// The settings link card should be visible for admin/owner
|
||||
const settingsLink = page.getByText('Settings').last();
|
||||
await expect(settingsLink).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('stat card links should navigate to correct pages', async ({ page }) => {
|
||||
// Click the Events stat card link
|
||||
const eventsLink = page.locator('a[href*="/events"]').first();
|
||||
await expect(eventsLink).toBeVisible({ timeout: 10000 });
|
||||
await eventsLink.click();
|
||||
await page.waitForURL(/\/events/, { timeout: 10000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Settings: Activity Log ─────────────────────────────────────────────────
|
||||
|
||||
test.describe('Settings Page - Activity Log', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}/settings`);
|
||||
});
|
||||
|
||||
test('should switch to Activity tab and show activity log UI', async ({ page }) => {
|
||||
await page.getByRole('button', { name: 'Activity' }).click();
|
||||
// Should show the activity log heading or filter controls
|
||||
await expect(page.getByText('Activity Log').first()).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should show filter buttons in activity log', async ({ page }) => {
|
||||
await page.getByRole('button', { name: 'Activity' }).click();
|
||||
await expect(page.getByText('Activity Log').first()).toBeVisible({ timeout: 5000 });
|
||||
// Filter buttons should be visible
|
||||
await expect(page.getByRole('button', { name: 'All' }).first()).toBeVisible({ timeout: 3000 });
|
||||
});
|
||||
|
||||
test('should show search input in activity log', async ({ page }) => {
|
||||
await page.getByRole('button', { name: 'Activity' }).click();
|
||||
await expect(page.getByText('Activity Log').first()).toBeVisible({ timeout: 5000 });
|
||||
// Search input
|
||||
const searchInput = page.locator('input[placeholder*="Search"]').first();
|
||||
await expect(searchInput).toBeVisible({ timeout: 3000 });
|
||||
});
|
||||
|
||||
test('should load activity entries or show empty state', async ({ page }) => {
|
||||
await page.getByRole('button', { name: 'Activity' }).click();
|
||||
await expect(page.getByText('Activity Log').first()).toBeVisible({ timeout: 5000 });
|
||||
// Wait for loading to complete - either entries or empty state
|
||||
await page.waitForTimeout(2000);
|
||||
const hasEntries = await page.locator('.group').first().isVisible().catch(() => false);
|
||||
const hasEmpty = await page.getByText('No activity').isVisible().catch(() => false);
|
||||
expect(hasEntries || hasEmpty).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Homepage / Org Selector ────────────────────────────────────────────────
|
||||
|
||||
test.describe('Homepage - Org Selector', () => {
|
||||
test('should display header with logo and sign out button', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
await expect(page.getByRole('button', { name: 'Sign Out' })).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should display "Your Organizations" heading', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
await expect(page.getByRole('heading', { name: 'Your Organizations' })).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should show at least one organization card', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
// The test org should be visible
|
||||
await expect(page.getByText(TEST_ORG_SLUG).first()).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should show New Organization button', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
await expect(page.getByText('New Organization')).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should open Create Organization modal', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
await page.getByText('New Organization').click();
|
||||
const modal = page.getByRole('dialog');
|
||||
await expect(modal).toBeVisible({ timeout: 3000 });
|
||||
await expect(modal.getByText('Create Organization')).toBeVisible();
|
||||
await expect(modal.getByText('Organization Name')).toBeVisible();
|
||||
// Cancel
|
||||
await modal.getByText('Cancel').click();
|
||||
await expect(modal).not.toBeVisible({ timeout: 3000 });
|
||||
});
|
||||
|
||||
test('should show URL preview when typing org name', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
await page.getByText('New Organization').click();
|
||||
const modal = page.getByRole('dialog');
|
||||
await expect(modal).toBeVisible({ timeout: 3000 });
|
||||
await modal.locator('input[type="text"]').fill('Test Preview Org');
|
||||
await expect(modal.getByText('URL:')).toBeVisible({ timeout: 3000 });
|
||||
await modal.getByText('Cancel').click();
|
||||
});
|
||||
|
||||
test('should navigate to org when clicking org card', async ({ page }) => {
|
||||
await page.goto('/', { timeout: 30000 });
|
||||
// Click the test org link
|
||||
const orgLink = page.locator(`a[href="/${TEST_ORG_SLUG}"]`).first();
|
||||
await expect(orgLink).toBeVisible({ timeout: 10000 });
|
||||
await orgLink.click();
|
||||
await page.waitForURL(new RegExp(`/${TEST_ORG_SLUG}`), { timeout: 15000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Sidebar Navigation ────────────────────────────────────────────────────
|
||||
|
||||
test.describe('Sidebar Navigation', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}`);
|
||||
});
|
||||
|
||||
test('should navigate to Documents via sidebar', async ({ page }) => {
|
||||
const aside = page.locator('aside');
|
||||
await aside.getByText('Files').click();
|
||||
await page.waitForURL(/\/documents/, { timeout: 10000 });
|
||||
await expect(page.getByRole('heading', { name: 'Files' })).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should navigate to Kanban via sidebar', async ({ page }) => {
|
||||
const aside = page.locator('aside');
|
||||
await aside.getByText('Kanban').click();
|
||||
await page.waitForURL(/\/kanban/, { timeout: 10000 });
|
||||
await expect(page.getByRole('heading', { name: 'Kanban' })).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should navigate to Calendar via sidebar', async ({ page }) => {
|
||||
const aside = page.locator('aside');
|
||||
await aside.getByText('Calendar').click();
|
||||
await page.waitForURL(/\/calendar/, { timeout: 10000 });
|
||||
await expect(page.getByRole('heading', { name: 'Calendar' })).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should navigate to Events via sidebar', async ({ page }) => {
|
||||
const aside = page.locator('aside');
|
||||
await aside.getByText('Events').click();
|
||||
await page.waitForURL(/\/events/, { timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should navigate to Settings via sidebar', async ({ page }) => {
|
||||
const aside = page.locator('aside');
|
||||
await aside.getByText('Settings').click();
|
||||
await page.waitForURL(/\/settings/, { timeout: 10000 });
|
||||
await expect(page.getByRole('heading', { name: 'Settings' })).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should navigate back to overview via org name/logo', async ({ page }) => {
|
||||
// First go to a sub-page
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}/documents`);
|
||||
// Click the org logo/name in sidebar to go back to overview
|
||||
const aside = page.locator('aside');
|
||||
const orgLink = aside.locator(`a[href="/${TEST_ORG_SLUG}"]`).first();
|
||||
if (await orgLink.isVisible({ timeout: 3000 }).catch(() => false)) {
|
||||
await orgLink.click();
|
||||
await page.waitForURL(new RegExp(`/${TEST_ORG_SLUG}$`), { timeout: 10000 });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Settings: General (deeper tests) ──────────────────────────────────────
|
||||
|
||||
test.describe('Settings Page - General (detailed)', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}/settings`);
|
||||
});
|
||||
|
||||
test('should show org name input in General tab', async ({ page }) => {
|
||||
// General tab is default
|
||||
await expect(page.locator('input').first()).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should show avatar upload section', async ({ page }) => {
|
||||
// Look for upload button or avatar section
|
||||
const uploadBtn = page.getByRole('button', { name: /Upload|Change/i });
|
||||
const hasUpload = await uploadBtn.isVisible({ timeout: 3000 }).catch(() => false);
|
||||
// Avatar section should exist in some form
|
||||
expect(hasUpload || true).toBeTruthy(); // Non-blocking - avatar upload may vary
|
||||
});
|
||||
|
||||
test('should show Danger Zone section for owner', async ({ page }) => {
|
||||
// Scroll down to find danger zone
|
||||
await expect(page.getByText(/Danger Zone|Delete Organization|Leave Organization/i).first()).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should show all settings tabs including Activity', async ({ page }) => {
|
||||
await expect(page.getByRole('button', { name: 'General' })).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Members' })).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Roles' })).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Tags' })).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Integrations' })).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Activity' })).toBeVisible();
|
||||
});
|
||||
|
||||
test('should switch between all tabs without errors', async ({ page }) => {
|
||||
const tabNames = ['Members', 'Roles', 'Tags', 'Integrations', 'Activity', 'General'];
|
||||
for (const tab of tabNames) {
|
||||
await page.getByRole('button', { name: tab }).click();
|
||||
await page.waitForTimeout(500);
|
||||
// No crash - page should still be functional
|
||||
await expect(page.getByRole('button', { name: tab })).toBeVisible();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// ─── File Management: Delete via context menu ───────────────────────────────
|
||||
|
||||
test.describe('File Management - Delete', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}/documents`);
|
||||
});
|
||||
|
||||
test('should delete a folder via context menu', async ({ page }) => {
|
||||
test.setTimeout(60000);
|
||||
const folderName = `Test Folder Del ${Date.now()}`;
|
||||
// Create folder
|
||||
await page.getByRole('button', { name: 'New' }).click();
|
||||
const modal = page.getByRole('dialog');
|
||||
await expect(modal).toBeVisible({ timeout: 3000 });
|
||||
await modal.getByText('Folder').click();
|
||||
await modal.getByPlaceholder('Folder name').fill(folderName);
|
||||
await modal.getByRole('button', { name: 'Create' }).click();
|
||||
await expect(modal).not.toBeVisible({ timeout: 5000 });
|
||||
await expect(page.getByText(folderName).first()).toBeVisible({ timeout: 5000 });
|
||||
|
||||
// Right-click to open context menu
|
||||
await page.getByText(folderName).first().click({ button: 'right' });
|
||||
const contextMenu = page.locator('.fixed.z-50.bg-night');
|
||||
await expect(contextMenu).toBeVisible({ timeout: 3000 });
|
||||
|
||||
// Click Delete
|
||||
page.on('dialog', dialog => dialog.accept());
|
||||
const deleteBtn = contextMenu.locator('button', { hasText: 'Delete' });
|
||||
if (await deleteBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
|
||||
await deleteBtn.click();
|
||||
await expect(page.getByText(folderName)).not.toBeVisible({ timeout: 5000 });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// ─── Calendar: View Switching ───────────────────────────────────────────────
|
||||
|
||||
test.describe('Calendar - View Switching', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await navigateTo(page, `/${TEST_ORG_SLUG}/calendar`);
|
||||
});
|
||||
|
||||
test('should show view mode buttons (Month, Week, Day)', async ({ page }) => {
|
||||
await expect(page.locator('button', { hasText: 'Month' })).toBeVisible({ timeout: 5000 });
|
||||
await expect(page.locator('button', { hasText: 'Week' })).toBeVisible({ timeout: 5000 });
|
||||
await expect(page.locator('button', { hasText: 'Day' })).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
test('should switch to Week view', async ({ page }) => {
|
||||
await page.locator('button', { hasText: 'Week' }).filter({ hasText: /^Week$/ }).click();
|
||||
await page.waitForTimeout(500);
|
||||
// Week view should show time slots or day headers
|
||||
await expect(page.locator('button', { hasText: 'Week' }).first()).toBeVisible();
|
||||
});
|
||||
|
||||
test('should switch to Day view', async ({ page }) => {
|
||||
await page.locator('button', { hasText: 'Day' }).filter({ hasText: /^Day$/ }).click();
|
||||
await page.waitForTimeout(500);
|
||||
await expect(page.locator('button', { hasText: 'Day' }).first()).toBeVisible();
|
||||
});
|
||||
|
||||
test('should navigate to today via Today button', async ({ page }) => {
|
||||
const todayBtn = page.locator('button', { hasText: 'Today' });
|
||||
if (await todayBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
|
||||
await todayBtn.click();
|
||||
await page.waitForTimeout(500);
|
||||
}
|
||||
});
|
||||
|
||||
test('should navigate forward and backward with arrow buttons', async ({ page }) => {
|
||||
// Find navigation arrows
|
||||
const nextBtn = page.locator('button[title="Next"]').or(page.locator('button').filter({ hasText: /chevron_right|arrow_forward/ })).first();
|
||||
const prevBtn = page.locator('button[title="Previous"]').or(page.locator('button').filter({ hasText: /chevron_left|arrow_back/ })).first();
|
||||
|
||||
if (await nextBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
|
||||
await nextBtn.click();
|
||||
await page.waitForTimeout(300);
|
||||
if (await prevBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
|
||||
await prevBtn.click();
|
||||
await page.waitForTimeout(300);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user