Авторизация (тест: login.spec.ts)

import { test, expect } from ‘@playwright/test’;
import { LoginPage } from ‘../pages/login.page’;

test(‘authorization: successful login’, async ({ page }) => {
const loginPage = new LoginPage(page);

await loginPage.navigate();
await loginPage.login(‘standard_user’, ‘secret_sauce’);

expect(page.url()).toContain(‘/inventory.html’);
});

Этот код представляет тестовый сценарий, который проверяет успешную авторизацию пользователя в приложении. 

Импорт модулей

1. test — используется для определения и выполнения теста.
2. expect — предоставляет возможность проверять условия в тесте.
3. LoginPage — это класс, реализующий Page Object Model (POM) для страницы авторизации. Импортируется из файла login.page.

Описание теста

1. Имя теста

• Имя теста: Authorization: Successful login.
• async ({ page }):
  • Тест асинхронный, так как включает взаимодействие с веб-страницей.
  • page — объект Playwright, представляющий открытую вкладку браузера. Он автоматически предоставляется Playwright для каждого теста.

2. Создание экземпляра LoginPage

• Создаем объект loginPage, который позволяет использовать методы, описанные в классе LoginPage.
• Передаем текущую вкладку page в качестве параметра конструктора.

3. Переход на страницу авторизации

• Метод navigate из класса LoginPage выполняет переход на страницу авторизации.
• Внутри navigate будет использоваться метод Playwright page.goto(...), чтобы открыть URL приложения.

4. Авторизация

• Метод login из класса LoginPage выполняет авторизацию:
  • 'standard_user' — имя пользователя.
  • 'secret_sauce' — пароль.
• Внутри login будет взаимодействие с полями ввода и кнопкой входа.

5. Проверка успешной авторизации

• Проверяем, что URL текущей страницы содержит '/inventory.html'.
• Это указывает на то, что авторизация прошла успешно, так как пользователь был перенаправлен на страницу с товарами.

Добавление в корзину (тест: cart.spec.ts)

import { test, expect } from ‘@playwright/test’;
import { InventoryPage } from ‘../pages/inventory.page’;
import { CartPage } from ‘../pages/cart.page’;
import { LoginPage } from ‘../pages/login.page’;

test.describe(‘Check cart’, () => {
let inventoryPage: InventoryPage;
let cartPage: CartPage;
let loginPage: LoginPage;

test.beforeEach(async ({ page }) => {
inventoryPage = new InventoryPage(page);
cartPage = new CartPage(page);
loginPage = new LoginPage(page);

await inventoryPage.navigate();
await loginPage.login(‘standard_user’, ‘secret_sauce’);
});

test(‘Add to cart’, async ({ page }) => {
await inventoryPage.clickInventory();
await inventoryPage.addItemToCart();
await inventoryPage.openCart();

const cartItems = await cartPage.getCartItems();
expect(cartItems).toContain(‘Sauce Labs Backpack’);
});
});

1. Импорты
   import { test, expect } from '@playwright/test'; import { InventoryPage } from '../pages/inventory.page'; import { CartPage } from '../pages/cart.page'; import { LoginPage } from '../pages/login.page';
   • test и expect — стандартные функции Playwright для написания тестов и утверждений.
   • Page Objects (InventoryPage, CartPage, LoginPage) — классы, которые инкапсулируют логику взаимодействия с конкретными страницами приложения.

2. test.describe
   test.describe('Check cart', () => { ... });
   • Группирует связанные тесты. В данном случае это тесты для проверки корзины.

3. Объявление переменных страниц
   let inventoryPage: InventoryPage; let cartPage: CartPage; let loginPage: LoginPage;
   • Создаются переменные для работы с различными страницами. Их инициализация происходит в beforeEach.

4. beforeEach
   test.beforeEach(async ({ page }) => { inventoryPage = new InventoryPage(page); cartPage = new CartPage(page); loginPage = new LoginPage(page);await inventoryPage.navigate(); await loginPage.login('standard_user', 'secret_sauce'); });
   • Этот хук выполняется перед каждым тестом.
   • Инициализируются страницы через их Page Object классы.
   • navigate: Переход на страницу (возможно, главную страницу приложения).
   • login: Авторизация с использованием стандартного пользователя и пароля.

5. Тест на добавление товара в корзину
   test('Add to cart', async ({ page }) => { await inventoryPage.clickInventory(); await inventoryPage.addItemToCart(); await inventoryPage.openCart();const cartItems = await cartPage.getCartItems(); expect(cartItems).toContain('Sauce Labs Backpack'); });
   • Тест проверяет, что товар добавляется в корзину:
     1. clickInventory: Переход к списку товаров.
     2. addItemToCart: Добавление товара (например, “Sauce Labs Backpack”) в корзину.
     3. openCart: Переход на страницу корзины.
     4. getCartItems: Получение списка товаров в корзине.
     5. expect: Утверждение, что товар “Sauce Labs Backpack” находится в корзине.