Um test.beforeAll que cria um usuário e compartilha entre vários testes é uma bomba-relógio. Quando o teste de deleção roda primeiro no worker paralelo, os testes de visualização e edição falham com 404. Cada teste precisa dos seus próprios dados, criados antes de rodar e deletados depois.
O problema com dados fixos no código
// Frágil — quebra quando o usuário é deletado ou a senha muda
test('usuário consegue fazer login', async ({ page }) => {
await page.fill('[data-testid="email"]', 'admin@test.com');
await page.fill('[data-testid="password"]', 'AdminPass1');
});Três problemas:
- Depende de dados específicos existindo no banco
- Vários testes compartilhando uma conta causam conflitos em execuções paralelas
- O teste só roda em um ambiente, a menos que você lembre de trocar o email
Padrão 1: Arquivo de constantes
O passo mais simples acima dos valores fixos no código: centralize todos os dados de teste em um arquivo.
// data/users.ts
export const TEST_USERS = {
admin: {
email: 'admin@test.com',
password: 'AdminPass1',
name: 'Test Admin',
role: 'admin' as const,
},
member: {
email: 'member@test.com',
password: 'MemberPass1',
name: 'Test Member',
role: 'member' as const,
},
viewer: {
email: 'viewer@test.com',
password: 'ViewerPass1',
name: 'Test Viewer',
role: 'viewer' as const,
},
} as const;
export const TEST_PRODUCTS = {
basic: { id: 1, name: 'Basic Plan', price: 9.99 },
pro: { id: 2, name: 'Pro Plan', price: 29.99 },
enterprise: { id: 3, name: 'Enterprise', price: 99.99 },
} as const;// Nos testes
import { TEST_USERS, TEST_PRODUCTS } from '../data/users';
test('admin consegue acessar o dashboard', async ({ loginPage }) => {
await loginPage.login(TEST_USERS.admin.email, TEST_USERS.admin.password);
});Melhor do que valores espalhados pelo código, mas ainda depende de esses usuários existirem no banco.
Padrão 2: Funções factory
Funções factory geram dados únicos por teste:
// data/factories.ts
let counter = 0;
export function generateUser(overrides: Partial<User> = {}): CreateUserRequest {
counter++;
return {
email: `test_user_${Date.now()}_${counter}@example.com`,
password: 'ValidPass1!',
name: `Test User ${counter}`,
role: 'member',
...overrides,
};
}
export function generateProduct(overrides: Partial<Product> = {}): CreateProductRequest {
return {
name: `Test Product ${Date.now()}`,
price: Math.floor(Math.random() * 100) + 10,
category: 'electronics',
description: 'A test product for automated testing',
inStock: true,
...overrides,
};
}// Nos testes
import { generateUser } from '../data/factories';
test('criar um novo usuário', async ({ request }) => {
const userData = generateUser({ role: 'admin' });
const response = await request.post('/api/users', {
data: userData,
});
expect(response.status()).toBe(201);
const created = await response.json();
expect(created.email).toBe(userData.email);
});Cada teste recebe um email único. Sem colisões.
Padrão 3: Setup via API em fixtures
Cria dados frescos via API antes de cada teste e deleta depois:
// fixtures/index.ts
import { test as base } from '@playwright/test';
import { generateUser } from '../data/factories';
interface TestFixtures {
testUser: { id: number; email: string; password: string; token: string };
adminToken: string;
}
export const test = base.extend<TestFixtures>({
// Token de admin — compartilhado, escopo de worker (criado uma vez por worker)
adminToken: [async ({ request }, use) => {
const response = await request.post('/api/auth/login', {
data: { email: 'admin@test.com', password: 'AdminPass1' },
});
const { token } = await response.json();
await use(token);
}, { scope: 'worker' }],
// Usuário de teste — único por teste
testUser: async ({ request, adminToken }, use) => {
const userData = generateUser();
// CRIAÇÃO: novo usuário antes do teste
const createResp = await request.post('/api/users', {
data: userData,
headers: { Authorization: `Bearer ${adminToken}` },
});
const user = await createResp.json();
// Login para obter o token
const loginResp = await request.post('/api/auth/login', {
data: { email: userData.email, password: userData.password },
});
const { token } = await loginResp.json();
// Entrega o que o teste precisa
await use({
id: user.id,
email: userData.email,
password: userData.password,
token
});
// TEARDOWN: deleta após o teste
await request.delete(`/api/users/${user.id}`, {
headers: { Authorization: `Bearer ${adminToken}` },
});
},
});// tests/profile.spec.ts
import { test, expect } from '../fixtures';
test('usuário consegue atualizar o perfil', async ({ page, testUser }) => {
// testUser é um usuário fresco, criado só para este teste
await page.goto(`/login`);
await page.fill('[data-testid="email"]', testUser.email);
await page.fill('[data-testid="password"]', testUser.password);
await page.click('[data-testid="submit"]');
await page.click('[data-testid="edit-profile"]');
await page.fill('[data-testid="name"]', 'Updated Name');
await page.click('[data-testid="save"]');
await expect(page.getByTestId('profile-name')).toHaveText('Updated Name');
// Após o teste: usuário é deletado automaticamente
});Padrão 4: Seeding do banco de dados
Para cenários de dados complexos, popule o banco diretamente:
// setup/seed.ts
async function seed() {
const response = await fetch('http://localhost:3000/api/seed', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Seed-Secret': process.env.SEED_SECRET || 'dev-seed-secret',
},
body: JSON.stringify({
users: [
{ email: 'admin@test.com', password: 'AdminPass1', role: 'admin' },
{ email: 'member@test.com', password: 'MemberPass1', role: 'member' },
],
products: [
{ name: 'Basic Plan', price: 9.99, category: 'subscription' },
{ name: 'Pro Plan', price: 29.99, category: 'subscription' },
],
}),
});
if (!response.ok) {
throw new Error(`Seed failed: ${response.status}`);
}
console.log('Banco populado com sucesso');
}
seed();Execute antes dos testes: node setup/seed.ts && npx playwright test
Padrão 5: Auth state salvo
Evite fazer login no início de cada teste. Faça login uma vez, salve o estado do browser, reutilize:
// auth.setup.ts
import { test as setup } from '@playwright/test';
import path from 'path';
const authFile = path.join(__dirname, '../playwright/.auth/user.json');
setup('autenticar', async ({ page }) => {
await page.goto('/login');
await page.fill('[data-testid="email"]', 'member@test.com');
await page.fill('[data-testid="password"]', 'MemberPass1');
await page.click('[data-testid="submit"]');
await page.waitForURL('/dashboard');
// Salva o storage state (cookies, localStorage)
await page.context().storageState({ path: authFile });
});// playwright.config.ts
projects: [
{
name: 'setup',
testMatch: /auth\.setup\.ts/,
},
{
name: 'authenticated',
use: {
storageState: 'playwright/.auth/user.json', // Já autenticado
},
dependencies: ['setup'],
},
],Os testes no projeto authenticated pulam o fluxo de login e começam com uma sessão já autenticada.
Dados para diferentes ambientes
Use variáveis de ambiente para apontar para os dados certos:
// data/config.ts
export const ENV_USERS = {
local: {
admin: { email: 'admin@local.test', password: 'LocalAdmin1' },
},
staging: {
admin: { email: 'admin@staging.test', password: process.env.STAGING_ADMIN_PASS! },
},
production: {
// Usuário somente-leitura para smoke tests em produção
reader: { email: process.env.PROD_READER_EMAIL!, password: process.env.PROD_READER_PASS! },
},
};
const env = (process.env.TEST_ENV || 'local') as keyof typeof ENV_USERS;
export const USERS = ENV_USERS[env];TEST_ENV=staging npx playwright test --project=chromiumIsolamento de testes
Quando os testes rodam em paralelo, não podem compartilhar estado mutável.
Ruim: estado compartilhadolet userId: number;
test.beforeAll(async ({ request }) => {
const user = await request.post('/api/users', { data: generateUser() });
userId = (await user.json()).id;
});
// Vários testes usando o mesmo userId — race conditions!
test('visualizar usuário', async ({ page }) => { await page.goto(`/users/${userId}`); });
test('editar usuário', async ({ page }) => { /* edita o mesmo usuário */ });
test('deletar usuário', async ({ page }) => { /* deleta ele! */ });// Use fixtures para cada teste receber seu próprio usuário
test('visualizar usuário', async ({ page, testUser }) => {
await page.goto(`/users/${testUser.id}`);
});
test('editar usuário', async ({ page, testUser }) => {
// Este testUser é diferente do de cima
});Limpeza após os testes
Sempre limpe os dados que os testes criam:
test('cria um produto', async ({ request, adminToken }) => {
let productId: number;
try {
const response = await request.post('/api/products', {
data: { name: 'Test Product', price: 19.99 },
headers: { Authorization: `Bearer ${adminToken}` },
});
const product = await response.json();
productId = product.id;
expect(response.status()).toBe(201);
expect(product.name).toBe('Test Product');
} finally {
// Sempre roda, mesmo que o teste falhe
if (productId!) {
await request.delete(`/api/products/${productId}`, {
headers: { Authorization: `Bearer ${adminToken}` },
});
}
}
});Melhor ainda: coloque a limpeza no teardown da fixture (após await use(...)) para garantir que sempre rode.
Resumo
| Padrão | Melhor para |
|--------|-------------|
| Arquivo de constantes | Dados de referência estáveis (roles, categorias) |
| Funções factory | Gerar dados únicos por teste |
| Setup/teardown via API em fixture | Dados isolados e frescos por teste |
| Seeding do banco | Estado inicial complexo antes da suite |
| Auth state salvo | Pular o login em cada teste |
A abordagem mais sólida combina os padrões: funções factory para gerar dados únicos, fixture de API para criar e deletar por teste, auth state salvo para a sessão autenticada base. Cada teste fica completamente isolado, sem estado compartilhado, sem race conditions, sem dependência de ordem de execução.
→ Veja também: Dados de Teste Reutilizáveis: Factories, Fixtures e Faker.js no Playwright | Isolamento de Testes: Por que Cada Teste Playwright Deve Ser sem Estado | Autenticação no Playwright com storageState (Sem Login em Cada Teste) | Testes de API com o APIRequestContext do Playwright (Sem Postman)