Introduced a waitForResponse function in the authentication end-to-end test file. This helps to ensure that the test doesn't proceed until a response from the auth URL is received, adding robustness to the test flow.
61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { AuthPageObject } from './auth.po';
|
|
|
|
test.describe('Auth flow', () => {
|
|
test.describe.configure({ mode: 'serial' });
|
|
|
|
let email: string;
|
|
|
|
test('will sign-up and redirect to the home page', async ({ page }) => {
|
|
const auth = new AuthPageObject(page);
|
|
await auth.goToSignUp();
|
|
|
|
email = auth.createRandomEmail();
|
|
|
|
console.log(`Signing up with email ${email} ...`);
|
|
|
|
await auth.signUp({
|
|
email,
|
|
password: 'password',
|
|
repeatPassword: 'password',
|
|
});
|
|
|
|
await page.waitForResponse(resp => {
|
|
return resp.url().includes('auth');
|
|
});
|
|
|
|
await auth.visitConfirmEmailLink(email);
|
|
|
|
expect(page.url()).toContain('http://localhost:3000/home');
|
|
});
|
|
|
|
test('will sign-in with the correct credentials', async ({ page }) => {
|
|
const auth = new AuthPageObject(page);
|
|
await auth.goToSignIn();
|
|
|
|
console.log(`Signing in with email ${email} ...`);
|
|
|
|
await auth.signIn({
|
|
email,
|
|
password: 'password',
|
|
});
|
|
|
|
await page.waitForURL('http://localhost:3000/home');
|
|
|
|
expect(page.url()).toContain('http://localhost:3000/home');
|
|
});
|
|
});
|
|
|
|
test.describe('Protected routes', () => {
|
|
test('will redirect to the sign-in page if not authenticated', async ({ page }) => {
|
|
await page.goto('/home/settings');
|
|
|
|
expect(page.url()).toContain('/auth/sign-in?next=/home/settings');
|
|
});
|
|
|
|
test('will return a 404 for the admin page', async ({ page }) => {
|
|
await page.goto('/admin')
|
|
|
|
expect(page.url()).toContain('/auth/sign-in');
|
|
});
|
|
}) |