How do I set up a 'beforeEach' hook in Playwright to log in before each test?

Answer

Sure, let's get you set up with a beforeEach hook in Playwright that logs in before each test.

First, you'll need to import the necessary dependencies from @playwright/test.

import { test as setup } from '@playwright/test';

Next, define the beforeEach hook using the setup.beforeEach function. This hook will run before each test in your test file.

setup.beforeEach(async ({ page }) => {
  // Your login actions go here
});

In the beforeEach hook, perform the login actions. Navigate to your login page, fill in the username and password fields, and click on the "Sign in" button.

await page.goto('https://ray.run/login');
await page.getByLabel('Username or email address').fill('username');
await page.getByLabel('Password').fill('password');
await page.getByRole('button', { name: 'Sign in' }).click();

You might want to add some checks to ensure that the login was successful. For example, you can verify that you are on a specific page after logging in.

expect(page.url()).toBe('https://ray.run/start');

By creating this setup code within a beforeEach hook, it will be executed automatically before each test in your file. This means that you only need to log in once and all subsequent tests will have access to a signed-in state.

This approach can save time and avoid unnecessary repetition in your test code. Happy testing with Playwright!