lundberg/porchlight
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

test: add e2e tests for logout buttons in admin and manage nav bars

Browse source
This commit is contained in:
Johan Lundberg 2026-03-10 10:50:44 +01:00
parent b9bb848d5e
commit 3cbf7cda5f
No known key found for this signature in database
GPG key ID: A6C152738D03C7D1
1 changed files with 95 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

95
tests/e2e/logout.spec.js Normal file
View file

@ -0,0 +1,95 @@
// @ts-check
const { test, expect } = require('@playwright/test');
const fixtures = JSON.parse(process.env.E2E_FIXTURES || '{}');
/** Log in as the admin user and land on /manage/credentials. */
async function loginAsAdmin(page) {
await page.goto('/login');
await page.fill('#username', fixtures.admin_username);
await page.fill('#password', fixtures.admin_password);
await page.click('form[hx-post="/login/password"] button[type="submit"]');
await page.waitForURL('**/manage/credentials', { timeout: 5000 });
}
/** Log in as a regular (non-admin) user. */
async function loginAsRegularUser(page) {
await page.goto('/login');
await page.fill('#username', fixtures.login_username);
await page.fill('#password', fixtures.login_password);
await page.click('form[hx-post="/login/password"] button[type="submit"]');
await page.waitForURL('**/manage/credentials', { timeout: 5000 });
}
test.describe('Logout', () => {
test.describe('Manage navigation bar', () => {
test('clicking logout redirects to login page', async ({ page }) => {
await loginAsRegularUser(page);
await page.goto('/manage/credentials');
// Click the logout button in the manage nav bar
await page.click('.manage-nav .nav-logout');
await page.waitForURL('**/login', { timeout: 5000 });
expect(page.url()).toContain('/login');
});
test('session is cleared after logout', async ({ page }) => {
await loginAsRegularUser(page);
await page.goto('/manage/credentials');
// Log out
await page.click('.manage-nav .nav-logout');
await page.waitForURL('**/login', { timeout: 5000 });
// Attempting to visit a protected page should redirect back to login
await page.goto('/manage/credentials');
await page.waitForURL('**/login', { timeout: 5000 });
expect(page.url()).toContain('/login');
});
});
test.describe('Admin navigation bar', () => {
test('clicking logout redirects to login page', async ({ page }) => {
await loginAsAdmin(page);
await page.goto('/admin/users');
// Click the logout button in the admin nav bar
await page.click('.admin-nav .nav-logout');
await page.waitForURL('**/login', { timeout: 5000 });
expect(page.url()).toContain('/login');
});
test('session is cleared after logout', async ({ page }) => {
await loginAsAdmin(page);
await page.goto('/admin/users');
// Log out
await page.click('.admin-nav .nav-logout');
await page.waitForURL('**/login', { timeout: 5000 });
// Attempting to visit admin pages should redirect back to login
await page.goto('/admin/users');
await page.waitForURL('**/login', { timeout: 5000 });
expect(page.url()).toContain('/login');
});
});
test.describe('Re-authentication after logout', () => {
test('can log in again after logging out', async ({ page }) => {
// Log in
await loginAsRegularUser(page);
expect(page.url()).toContain('/manage/credentials');
// Log out via the manage nav
await page.click('.manage-nav .nav-logout');
await page.waitForURL('**/login', { timeout: 5000 });
// Log in again with the same credentials
await page.fill('#username', fixtures.login_username);
await page.fill('#password', fixtures.login_password);
await page.click('form[hx-post="/login/password"] button[type="submit"]');
await page.waitForURL('**/manage/credentials', { timeout: 5000 });
expect(page.url()).toContain('/manage/credentials');
});
});
});