qa семпай про тестування on Telegram: “Новий реліз Playwright 1.51, мені в цілому подоб…”

Новий реліз Playwright 1.51, мені в цілому подобається. Конкретно для себе я мало що затягну в проєкт, але filter(), інформація з Git у репортах і створення промтів з репортів виглядає приємно.

StorageState для IndexedDB
Нова опція indexedDB для browserContext.storageState() дозволяє зберігати та відновлювати IndexedDB. Корисно, якщо ваш додаток використовує IndexedDB для збереження токенів автентифікації, наприклад, Firebase Authentication.

ts  
// tests/auth.setup.ts  
import { test as setup, expect } from '@playwright/test';  
import path from 'path';  

const authFile = path.join(__dirname, '../playwright/.auth/user.json');  

setup('authenticate', async ({ page }) => {  
  await page.goto('/');  
  // ... кроки автентифікації ...  

  // Збереження IndexedDB  
  await page.context().storageState({ path: authFile, indexedDB: true });  
});

---

Кнопка "Copy prompt" в HTML-звітах
Тепер у звітах HTML, Trace Viewer та UI-режимі з'явилася кнопка "Copy prompt". Вона дозволяє швидко скопіювати згенерований промпт із повідомленням про помилку та контекстом для її виправлення.

---

Фільтр видимих елементів
Опція visible у locator.filter() дозволяє знаходити лише видимі елементи.

ts  
test('some test', async ({ page }) => {  
  // Ігноруємо невидимі елементи  
  const todoItems = page.getByTestId('todo-item').filter({ visible: true });  
  await expect(todoItems).toHaveCount(3);  
});

---

Git-інформація у HTML-звіті
Тепер можна додати інформацію про Git (commit, diff) у HTML-звіт.

ts  
import { defineConfig } from '@playwright/test';  

export default defineConfig({  
  captureGitInfo: { commit: true, diff: true }  
});

---

🔹 Покращення Test Steps
З'явився новий об'єкт TestStepInfo, що дозволяє:
✅ Додавати вкладення до кроків
✅ Пропускати кроки за певних умов

ts  
test('some test', async ({ page, isMobile }) => {  
  await test.step('тут мій крок', async step => {  
    step.skip(isMobile, 'не актуально для мобільних');  
    await step.attach('моє вкладення', { body: 'якийсь текст' });  
  });  
});

---

✔️ page.emulateMedia() та browser.newContext() тепер підтримують prefers-contrast.
✔️ Опція failOnStatusCode примусово завершує запити API при статус-кодах, які не належать до 2xx або 3xx.
✔️ expect(page).toHaveURL() тепер підтримує предикати.

---

Актуальні версії браузерів
🟢 Chromium: 134.0.6998.35
🟠 Firefox: 135.0
🔵 WebKit: 18.4

---

https://github.com/microsoft/playwright/releases/tag/v1.51.0