Шаг 4: Инициализация проекта

Создание проекта playwright-tests

types.ts – описание типов

export interface AuthResponse {
access_token: string;
refresh_token: string;
expires_at: number;
user: {
id: string;
email: string;
};
}

export interface TransactionResponse {
id: string;
from_user: string;
to_user: string;
amount: number;
status: string;
created_at: string;
}

auth.api.ts – API Page Object для автоматизации

import { request } from ‘@playwright/test’;
import { AuthResponse } from ‘../utils/types’;

const BASE_URL = process.env.BASE_URL || ‘https://wfeyphieqwpnkkqgyvci.supabase.co’;
const API_KEY = process.env.API_KEY || ‘eyJhbGciOiJIUzI1NiIsInR5cCI…’;

export class AuthAPI {
static async registerUser(email: string, password: string): Promise<AuthResponse> {
const context = await request.newContext();
const response = await context.post(`${BASE_URL}/auth/v1/signup`, {
headers: {
apikey: API_KEY,
‘Content-Type’: ‘application/json’
},
data: { email, password }
});

return response.json();
}

static async loginUser(email: string, password: string): Promise<AuthResponse> {
const context = await request.newContext();
const response = await context.post(`${BASE_URL}/auth/v1/token?grant_type=password`, {
headers: {
apikey: API_KEY,
‘Content-Type’: ‘application/json’
},
data: { email, password }
});

return response.json();
}
}

transaction.api.ts – Page Object для транзакций

import { request } from ‘@playwright/test’;
import { TransactionResponse } from ‘../utils/types’;

const BASE_URL = process.env.BASE_URL || ‘https://wfeyphieqwpnkkqgyvci.supabase.co’;
const API_KEY = process.env.API_KEY || ‘eyJhbGciOiJIUzI1NiIsInR5cCI…’;

export class TransactionAPI {
static async createTransaction(token: string, fromUser: string): Promise<TransactionResponse> {
const context = await request.newContext();
const response = await context.post(`${BASE_URL}/rest/v1/transactions`, {
headers: {
apikey: API_KEY,
Authorization: `Bearer ${token}`,
Prefer: ‘return=representation’,
‘Content-Type’: ‘application/json’
},
data: {
from_user: fromUser,
to_user: ‘recipient@test.com’,
amount: 10.5,
status: ‘pending’
}
});

return response.json();
}
}

create-user.spec.ts – тест создания пользователя

import { test, expect } from ‘@playwright/test’;
import { AuthAPI } from ‘./pages/auth.api’;

test(‘Пользователь успешно регистрируется’, async () => {
const email = `test+${Date.now()}@gmail.com`;
const password = ‘123456’;

const response = await AuthAPI.registerUser(email, password);

expect(response.access_token).toBeTruthy();
expect(response.user.email).toBe(email);
});

login-user.spec.ts – тест логина

import { test, expect } from ‘@playwright/test’;
import { AuthAPI } from ‘./pages/auth.api’;

test(‘Пользователь успешно авторизуется’, async () => {
const email = ‘test+user1@gmail.com’;
const password = ‘123456’;

const response = await AuthAPI.loginUser(email, password);

expect(response.access_token).toBeTruthy();
expect(response.user.email).toBe(email);
});