{"draftJsState":{"blocks":[{"data":{"image":{"id":"6941365b0ef4d351b9771076"},"images":[{"id":"6941365b0ef4d351b9771076"}],"contents":{}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Playwright на Java: Пишем стабильные UI-тесты","type":"atomic:image","key":"e4jb4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ehgit"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":26,"offset":23}],"inlineStyleRanges":[],"text":"Ранее мы уже разбирали Playwright в связке с Java. ","type":"unstyled","key":"a1r8o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой статье мы создадим с нуля автоматизированные тесты для демо-сайта Sauce Demo, используя Playwright для Java и лучшие инженерные практики.","type":"unstyled","key":"ddk81"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проектирование тестов: ️Page Object Model (POM)","type":"header-two","key":"e8bl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":70,"style":"BOLD"}],"text":"Первый шаг к созданию поддерживаемых тестов — правильная архитектура. Page Object Model (POM) — это ключевой паттерн, который позволяет отделить логику тестов от деталей взаимодействия с элементами страницы. Каждая страница веб-приложения представляется в виде отдельного класса, который:","type":"unstyled","key":"3h3n5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Содержит локаторы элементов на этой странице.","type":"unordered-list-item","key":"8nfo8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Инкапсулирует методы для действий пользователя (клик, ввод текста).","type":"unordered-list-item","key":"23tal"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это значительно снижает дублирование кода и упрощает поддержку: если изменится дизайн страницы, правки нужно будет внести только в одном классе Page Object.","type":"unstyled","key":"eldua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура проекта для нашего примера с Sauce Demo будет выглядеть так:","type":"unstyled","key":"4sn3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"src\n├── main/java/com/saucedemo/pages/\n│ ├── LoginPage.java // Страница логина\n│ └── ProductsPage.java // Главная страница после входа\n└── test/java/com/saucedemo/tests/\n └── LoginTest.java // Наши тестовые сценарии","type":"blockquote","key":"943ta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Реализация Page Objects для Sauce Demo","type":"header-two","key":"brj3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот как выглядят классы Page Object для сайта Sauce Demo. Этот код является рабочим и может быть скопирован в ваш проект.","type":"unstyled","key":"3laho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"1. LoginPage.java (Страница авторизации)","type":"unstyled","key":"3j82f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"java:","type":"unstyled","key":"dtnvp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"package com.saucedemo.pages;\n\nimport com.microsoft.playwright.Page;\n\npublic class LoginPage {\n private final Page page;\n \n // 1. Объявляем локаторы элементов страницы\n private final String inputUsername = \"#user-name\";\n private final String inputPassword = \"#password\";\n private final String buttonLogin = \"#login-button\";\n private final String errorMessageContainer = \".error-message-container\";\n\n // Конструктор получает объект Page от Playwright\n public LoginPage(Page page) {\n this.page = page;\n }\n\n // 2. Метод для навигации на страницу логина\n public void navigate() {\n page.navigate(\"https://www.saucedemo.com/\");\n }\n\n // 3. Основной метод для выполнения логина\n public ProductsPage login(String username, String password) {\n page.fill(inputUsername, username);\n page.fill(inputPassword, password);\n page.click(buttonLogin);\n return new ProductsPage(page); // Возвращаем объект следующей страницы\n }\n\n // 4. Метод для получения текста ошибки (для негативных тестов)\n public String getErrorMessage() {\n return page.textContent(errorMessageContainer);\n }\n}","type":"blockquote","key":"64jd3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6c6n1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"2. ProductsPage.java (Страница с товарами после успешного входа)","type":"unstyled","key":"1bpoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"java:","type":"unstyled","key":"7mv1s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"package com.saucedemo.pages;\n\nimport com.microsoft.playwright.Page;\nimport com.microsoft.playwright.Locator;\nimport static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;\n\npublic class ProductsPage {\n private final Page page;\n \n private final String labelTitle = \".title\";\n private final String buttonMenu = \"#react-burger-menu-btn\";\n private final String linkLogout = \"#logout_sidebar_link\";\n\n public ProductsPage(Page page) {\n this.page = page;\n }\n\n // Проверяем, что заголовок страницы отображается корректно\n public void verifyTitleIs(String expectedTitle) {\n Locator title = page.locator(labelTitle);\n assertThat(title).hasText(expectedTitle); // Используем умные ассерты Playwright\n }\n\n // Метод для выхода из системы\n public void logout() {\n page.click(buttonMenu);\n page.click(linkLogout);\n }\n\n // Пример добавления товара в корзину\n public void addFirstProductToCart() {\n page.click(\"button:has-text('Add to cart'):near(#item_4_title_link)\");\n }\n}","type":"blockquote","key":"6pptk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пишем тесты с использованием JUnit 5","type":"header-two","key":"750as"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":10,"offset":0}],"inlineStyleRanges":[{"length":7,"offset":85,"style":"BOLD"}],"text":"Playwright отлично интегрируется с популярными тестовыми фреймворками. Мы используем JUnit 5. Следующий тестовый класс демонстрирует как позитивные, так и негативные сценарии.","type":"unstyled","key":"8u5hl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"java:","type":"unstyled","key":"asu4s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"package com.saucedemo.tests;\n\nimport com.microsoft.playwright.*;\nimport com.saucedemo.pages.LoginPage;\nimport com.saucedemo.pages.ProductsPage;\nimport org.junit.jupiter.api.*;\n\nimport static org.junit.jupiter.api.Assertions.*;\n\n@TestInstance(TestInstance.Lifecycle.PER_CLASS)\npublic class LoginTest {\n \n // Общие ресурсы для всех тестов в классе\n static Playwright playwright;\n static Browser browser;\n \n // Изолированные ресурсы для каждого теста\n BrowserContext context;\n Page page;\n LoginPage loginPage;\n\n @BeforeAll\n static void launchBrowser() {\n playwright = Playwright.create();\n browser = playwright.chromium().launch(\n new BrowserType.LaunchOptions().setHeadless(false) // Установите true для CI\n );\n }\n\n @AfterAll\n static void closeBrowser() {\n playwright.close();\n }\n\n @BeforeEach\n void createContextAndPage() {\n context = browser.newContext(); // Новый контекст для изоляции теста\n page = context.newPage();\n loginPage = new LoginPage(page);\n loginPage.navigate();\n }\n\n @AfterEach\n void closeContext() {\n context.close();\n }\n\n @Test\n @DisplayName(\"Успешный вход с валидными учетными данными\")\n void successfulLoginWithStandardUser() {\n // Шаги теста, организованные через Page Objects\n ProductsPage productsPage = loginPage.login(\"standard_user\", \"secret_sauce\");\n \n // Проверка (Assertion)\n productsPage.verifyTitleIs(\"Products\");\n \n // Дополнительное действие\n productsPage.addFirstProductToCart();\n }\n\n @Test\n @DisplayName(\"Вход заблокированным пользователем показывает ошибку\")\n void loginWithLockedOutUserShowsError() {\n // Выполняем действие, которое должно привести к ошибке\n loginPage.login(\"locked_out_user\", \"secret_sauce\");\n \n // Проверяем, что сообщение об ошибке содержит ожидаемый текст\n String errorText = loginPage.getErrorMessage();\n assertTrue(errorText.contains(\"Sorry, this user has been locked out\"));\n }\n}","type":"blockquote","key":"9jjjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Продвинутые техники и интеграция","type":"header-two","key":"e053h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Современный стиль с аннотацией @UsePlaywright","type":"header-three","key":"f69hr"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":10,"offset":0}],"inlineStyleRanges":[],"text":"Playwright предлагает экспериментальную, но очень удобную интеграцию с JUnit, которая автоматически управляет жизненным циклом браузера и страницы.","type":"unstyled","key":"8kv83"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"import com.microsoft.playwright.junit.UsePlaywright;\nimport com.microsoft.playwright.Page;\nimport org.junit.jupiter.api.Test;\nimport static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;\n\n@UsePlaywright\npublic class ModernLoginTest {\n \n @Test\n void shouldLoginAndSeeProducts(Page page) { // Page инжектируется автоматически\n LoginPage loginPage = new LoginPage(page);\n loginPage.navigate();\n \n ProductsPage productsPage = loginPage.login(\"standard_user\", \"secret_sauce\");\n \n // Использование встроенных ассертов Playwright\n assertThat(page.locator(\".title\")).hasText(\"Products\");\n }\n}","type":"blockquote","key":"br499"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"9ampv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Параллельный запуск тестов","type":"header-three","key":"5jq17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":79,"style":"BOLD"}],"text":"Чтобы ускорить прогон тестов, их можно запускать параллельно. Для этого в файл src/test/resources/junit-platform.properties нужно добавить конфигурацию:","type":"unstyled","key":"e8e0t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"junit.jupiter.execution.parallel.enabled=true\njunit.jupiter.execution.parallel.mode.default=same_thread\njunit.jupiter.execution.parallel.mode.classes.default=concurrent","type":"unstyled","key":"dv5ml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настройка проекта (pom.xml)","type":"header-three","key":"46d4q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для сборки проекта необходим pom.xml файл.","type":"unstyled","key":"5g4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n 4.0.0\n com.saucedemo\n playwright-java-demo\n 1.0\n\n \n \n \n com.microsoft.playwright\n playwright\n 1.56.0 \n \n \n \n org.junit.jupiter\n junit-jupiter\n 5.11.4\n test\n \n \n","type":"blockquote","key":"27vrq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cnnib"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение и лучшие практики","type":"header-two","key":"4u9ii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Всегда используйте POM: Это инвестиция в будущее, которая окупится при первом же изменении вёрстки сайта.","type":"ordered-list-item","key":"eqh9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Полагайтесь на auto-wait Playwright: Не используйте Thread.sleep(). Встроенные ожидания элемента — одна из сильнейших сторон фреймворка.","type":"ordered-list-item","key":"221kt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Изолируйте тесты с помощью BrowserContext: Создание нового BrowserContext для каждого теста — залог их независимости и стабильности.","type":"ordered-list-item","key":"7hp5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Пишите атомарные тесты: Каждый тест должен проверять одну конкретную функциональность и быть независимым от других.","type":"ordered-list-item","key":"7hpik"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"Используйте продвинутые локаторы: Отдавайте предпочтение стабильным локаторам, таким как page.getByRole() или page.getByTestId(), вместо хрупких XPath.","type":"ordered-list-item","key":"3t8uo"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":22,"offset":111}],"inlineStyleRanges":[],"text":"Приведённые в статье примеры кода являются полноценными и готовыми к запуску. Они демонстрируют, как сочетание мощного API Playwright и правильных архитектурных решений позволяет создавать быстрые, надёжные и легко поддерживаемые автоматизированные тесты для современных веб-приложений. ","type":"unstyled","key":"bps1p"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":25,"offset":0},{"key":5,"length":10,"offset":75}],"inlineStyleRanges":[],"text":"Быстро изучить Playwright от \"А\" до \"Я\" на профессиональном уровне можно в этом курсе.","type":"unstyled","key":"e8io1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"69iv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"jzd5MduOUPoU46X0yBer"}],"entityMap":{"0":{"data":{"url":"https://dzen.ru/a/aKxO_Eux6ALTUYiS"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://stepik.org/a/233592?utm_source=dzen&utm_medium=organic&utm_campaign=statya_16_12_2025"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://stepik.org/a/233592?utm_source=dzen&utm_medium=organic&utm_campaign=statya_16_12_2025"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://stepik.org/a/233592?utm_source=dzen&utm_medium=organic&utm_campaign=statya_16_12_2025"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://stepik.org/a/233592?utm_source=tenchat&utm_medium=organic&utm_campaign=statya_16_12_2025"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://stepik.org/a/233592?utm_source=tenchat&utm_medium=organic&utm_campaign=statya_16_12_2025"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}