Custom Fixtures in Playwright

From the Playwright cheat sheet · Fixtures & Page Object Model · verified Jul 2026

Custom Fixtures

Create reusable test fixtures for shared setup logic

typescript

import { test as base, expect } from '@playwright/test';

// Define custom fixture
const test = base.extend<{ todoPage: TodoPage }>({
  todoPage: async ({ page }, use) => {
    const todoPage = new TodoPage(page);
    await todoPage.goto();
    await use(todoPage);
  },
});

test('can add todo', async ({ todoPage }) => {
  await todoPage.addTodo('Buy milk');
  await todoPage.expectTodoVisible('Buy milk');
});

💡 Page Objects encapsulate page interactions — tests read like user stories

⚡ Custom fixtures handle setup and teardown automatically for every test that uses them

📌 Export your extended test and expect from a shared file so all tests use the same fixtures

🟢 The use() callback marks where the test runs — code after it is teardown logic

fixturespage-objectpom

Back to the full Playwright cheat sheet