Edouard Vanbelle
92 lines
3.5 KiB
TypeScript
92 lines
3.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { goToLoginPage, loginAsAdmin, TEST_ADMIN } from './helpers';
|
|
|
|
test('has OxiCloud title', async ({ page }) => {
|
|
await page.goto('/');
|
|
await expect(page).toHaveTitle(/OxiCloud/);
|
|
});
|
|
|
|
test('language selector > choose EN > reach login page', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
await expect(page.locator('#language-panel')).toBeVisible();
|
|
await expect(page.getByText('Select your language to continue')).toBeVisible();
|
|
await expect(page.locator('#lang-picker-name')).toHaveText('English');
|
|
|
|
await expect(page.locator('#language-panel')).toHaveScreenshot('language-selector.png');
|
|
|
|
await page.locator('#language-continue').click();
|
|
|
|
await expect(page.locator('#login-panel')).toBeVisible();
|
|
await expect(page.locator('#language-panel')).toBeHidden();
|
|
|
|
await expect(page.locator('#login-panel')).toHaveScreenshot('login-panel.png');
|
|
});
|
|
|
|
test('login with wrong password is rejected', async ({ page }) => {
|
|
await goToLoginPage(page);
|
|
|
|
await page.locator('#login-username').fill(TEST_ADMIN.username);
|
|
await page.locator('#login-password').fill('definitely-wrong-password');
|
|
await page.locator('#login-panel button[type="submit"]').click();
|
|
|
|
const loginError = page.locator('#login-error');
|
|
await expect(loginError).toBeVisible();
|
|
await expect(loginError).toContainText('Authentication error (403): Forbidden');
|
|
|
|
await expect(page.locator('#login-panel')).toBeVisible();
|
|
await expect(page.locator('#login-panel')).toHaveScreenshot('login-panel-error.png');
|
|
});
|
|
|
|
test.describe('authenticated as admin', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await loginAsAdmin(page);
|
|
});
|
|
|
|
test('home page shows files list', async ({ page }) => {
|
|
await expect(page.locator('.files-container')).toBeVisible();
|
|
await expect(page.locator('#user-menu-wrapper')).toBeVisible();
|
|
await expect(page).toHaveScreenshot('home-files.png', {
|
|
// ignore this div (max value may change)
|
|
// FIXME: ensure same max capacity from server during test
|
|
animations: 'disabled',
|
|
mask: [page.locator('.storage-bar'), page.locator('.storage-info') ]
|
|
});
|
|
});
|
|
|
|
test('theme can be changed to dark', async ({ page }) => {
|
|
await page.locator('#user-avatar-btn').click();
|
|
await expect(page.locator('#user-menu')).toBeVisible();
|
|
await page.locator('#theme-toggle-pill').click();
|
|
|
|
// html element must carry data-theme="dark"
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark');
|
|
|
|
// localStorage must persist the choice
|
|
const theme = await page.evaluate(() => localStorage.getItem('oxicloud_theme'));
|
|
expect(theme).toBe('dark');
|
|
|
|
await expect(page).toHaveScreenshot('home-files-darktheme.png', {
|
|
// ignore this div (max value may change)
|
|
// FIXME: ensure same max capacity from server during test
|
|
animations: 'disabled',
|
|
mask: [page.locator('.storage-bar'), page.locator('.storage-info') ]
|
|
});
|
|
|
|
// Toggle back to light
|
|
await page.locator('#theme-toggle-pill').click();
|
|
await expect(page.locator('html')).not.toHaveAttribute('data-theme', 'dark');
|
|
|
|
const themeAfter = await page.evaluate(() => localStorage.getItem('oxicloud_theme'));
|
|
expect(themeAfter).toBe('light');
|
|
|
|
await expect(page).toHaveScreenshot('home-files-lightheme.png', {
|
|
// ignore this div (max value may change)
|
|
// FIXME: ensure same max capacity from server during test
|
|
animations: 'disabled',
|
|
mask: [page.locator('.storage-bar'), page.locator('.storage-info') ]
|
|
});
|
|
|
|
});
|
|
});
|