cookies.spec.ts

import { delay } from 'msw';
import { LoginForm } from '../models/login-form';
import { test } from '../test';

test.describe.parallel('cookies', () => {
  test('should not have a session cookie if the user has not logged in yet', async ({
    page,
  }) => {
    await page.goto('/login');

    const loginForm = new LoginForm(page);
    await loginForm.assertSessionStatus(401);
  });

  test('should still have a valid session if the user refreshes the page after logging in', async ({
    page,
  }) => {
    await page.goto('/login');

    const loginForm = new LoginForm(page);
    await loginForm.loginWithValidCredentials();

    await delay(500);

    // Reload the page
    await page.reload();

    await loginForm.assertSessionStatus(200);
  });

  test('should allow the user to clear their session by logging out', async ({
    page,
  }) => {
    await page.goto('/login');

    const loginForm = new LoginForm(page);
    await loginForm.loginWithValidCredentials();
    await loginForm.assertSessionStatus(200);
    await loginForm.logout();
    await loginForm.assertSessionStatus(401);
  });

  test('should display an invalid credentials message if the user enters incorrect credentials', async ({
    page,
  }) => {
    await page.goto('/login');

    const loginForm = new LoginForm(page);
    await loginForm.loginWithInvalidCredentials();
    await loginForm.assertError(LoginForm.Error.InvalidCredentials);
  });

  test('should display a success message if the user successfully logs in', async ({
    page,
  }) => {
    await page.goto('/login');

    const loginForm = new LoginForm(page);
    await loginForm.loginWithValidCredentials();
    await loginForm.assertSuccessful();
  });

  test.describe.serial('when running sequentially', () => {
    test('should have a valid session once the user logs in', async ({
      page,
    }) => {
      await page.goto('/login');

      const loginForm = new LoginForm(page);
      await loginForm.loginWithValidCredentials();
      await loginForm.assertSessionStatus(200);
    });

    test('should not have a session from the previous test run', async ({
      page,
    }) => {
      await page.goto('/login');

      const loginForm = new LoginForm(page);
      await loginForm.assertSessionStatus(401);
    });
  });
});