Add websitebuilder app

tests/e2e/admin-users.spec.ts

@@ -0,0 +1,103 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('Admin Users Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // Navigate to admin users page
+    await page.goto('/admin/users');
+  });
+
+  test('should display user management page', async ({ page }) => {
+    await expect(page.locator('h1')).toContainText('User Management');
+  });
+
+  test('should display user list', async ({ page }) => {
+    await expect(page.locator('text=Users')).toBeVisible();
+  });
+
+  test('should display search input', async ({ page }) => {
+    await expect(page.locator('input[placeholder="Search users..."]')).toBeVisible();
+  });
+
+  test('should display role filter', async ({ page }) => {
+    await expect(page.locator('select')).toBeVisible();
+  });
+
+  test('should search users', async ({ page }) => {
+    await page.fill('input[placeholder="Search users..."]', 'test');
+
+    // Wait for search to complete
+    await page.waitForTimeout(500);
+  });
+
+  test('should filter by role', async ({ page }) => {
+    await page.selectOption('select', 'admin');
+
+    // Wait for filter to complete
+    await page.waitForTimeout(500);
+  });
+
+  test('should display user details when user is clicked', async ({ page }) => {
+    // Click on first user
+    const firstUser = page.locator('[class*="border"]').first();
+    await firstUser.click();
+
+    // Wait for user details to appear
+    await expect(page.locator('text=User Details')).toBeVisible();
+  });
+
+  test('should update user information', async ({ page }) => {
+    // Click on first user
+    const firstUser = page.locator('[class*="border"]').first();
+    await firstUser.click();
+
+    // Wait for user details to appear
+    await expect(page.locator('text=User Details')).toBeVisible();
+
+    // Update user information
+    await page.fill('input#fullName', 'Updated Name');
+    await page.click('button:has-text("Save Changes")');
+
+    // Wait for success message
+    await expect(page.locator('text=User updated successfully')).toBeVisible();
+  });
+
+  test('should deactivate user', async ({ page }) => {
+    // Click on deactivate button for first user
+    const deactivateButton = page.locator('button:has-text("Deactivate")').first();
+    await deactivateButton.click();
+
+    // Wait for success message
+    await expect(page.locator('text=User deactivated successfully')).toBeVisible();
+  });
+
+  test('should paginate users', async ({ page }) => {
+    // Check if pagination controls are visible
+    const nextButton = page.locator('button:has-text("Next")');
+    const prevButton = page.locator('button:has-text("Previous")');
+
+    if (await nextButton.isVisible()) {
+      await nextButton.click();
+      await page.waitForTimeout(500);
+    }
+
+    if (await prevButton.isVisible()) {
+      await prevButton.click();
+      await page.waitForTimeout(500);
+    }
+  });
+
+  test('should close user details when cancel is clicked', async ({ page }) => {
+    // Click on first user
+    const firstUser = page.locator('[class*="border"]').first();
+    await firstUser.click();
+
+    // Wait for user details to appear
+    await expect(page.locator('text=User Details')).toBeVisible();
+
+    // Click cancel button
+    await page.click('button:has-text("Cancel")');
+
+    // Wait for user details to disappear
+    await expect(page.locator('text=User Details')).not.toBeVisible();
+  });
+});