Какие инструменты использовал для UI, кроме Selenium?

Инструменты для UI Automation, дополняющие Selenium

В моей практике, помимо Selenium WebDriver — фундаментального инструмента для автоматизации веб-интерфейсов, — я активно использовал и другие инструменты и фреймворки. Их выбор зависел от конкретных задач проекта: скорости разработки, требований к стабильности, типа приложения (веб, desktop, mobile) и интеграции в CI/CD.

1. Cypress — для современного веб-приложения

Для проектов с интенсивным использованием JavaScript (React, Vue.js, Angular) я часто выбирал Cypress. Его ключевые преимущества:

• Встроенная отладка: Real-time reloads, Time Travel через команду .snapshot().
• Architecture «внутри браузера»: Не использует WebDriver, работает непосредственно в браузере, что дает более надежные тесты.
• Automatic Waiting: Избавляет от необходимости явных ожиданий (в отличие от Selenium).
• Отличная документация и сообщество.

Пример простого теста в Cypress:

describe('Login Page Test', () => {
  it('should log in with valid credentials', () => {
    cy.visit('https://example.com/login');
    cy.get('#username').type('testUser');
    cy.get('#password').type('secretPass');
    cy.get('button[type="submit"]').click();
    cy.url().should('include', '/dashboard');
    cy.get('.welcome-message').should('contain.text', 'Welcome, testUser');
  });
});

2. Playwright — для кросс-браузерности и надежности

Playwright от Microsoft стал одним из моих основных инструментов для сложных проектов. Он поддерживает не только Chromium, Firefox и WebKit, но также:

• Автоматическую генерацию тестов через Codegen.
• Нативные события браузера (например, ховеры).
• Отличную работу с еслиrames, popups, табами.
• Встроенные видео- и трассировку запросов (Trace Viewer).

Пример использования Playwright для тестирования мобильного viewport:

import { test, expect } from '@playwright/test';

test('mobile viewport test', async ({ page }) => {
  // Устанавливаем viewport как на мобильном устройстве
  await page.setViewportSize({ width: 375, height: 812 });
  await page.goto('https://example.com');
  
  // Проверяем, что мобильная версия отображается корректно
  const navMenu = await page.locator('.mobile-nav');
  await expect(navMenu).toBeVisible();
  
  // Тестируем тач-событие (клик)
  await page.locator('.menu-toggle').click();
  await expect(page.locator('.nav-links')).toBeVisible();
});

3. Appium — для мобильной автоматизации

Для автоматизации mobile UI (iOS, Android) и даже TV (Apple TV, Android TV) я использовал Appium. Это кросс-платформенный инструмент, использующий тот же протокол WebDriver (W3C), что позволяет применять знакомые паттерны.

• Поддержка нативных, гибридных и веб-приложений.
• Интеграция с облачными сервисами (AWS Device Farm, Sauce Labs).
• Возможность использования разных языков (Java, Python, JavaScript).

4. Инструменты для Desktop-приложений (WinAppDriver, PyAutoGUI)

Для автоматизации desktop-приложений, особенно Windows-приложений, я применял:

• WinAppDriver (Windows Application Driver): Использует протокол WebDriver для работы с UWP, WinForms, WPF.
• PyAutoGUI: Для простых задач на основе изображений или координат (например, автоматизация legacy систем без API).

Пример с WinAppDriver (на Java):

import io.appium.java_client.windows.WindowsDriver;
import org.openqa.selenium.By;

public class DesktopAppTest {
    public static void main(String[] args) {
        DesiredCapabilities capabilities = new DesiredCapabilities();
        capabilities.setCapability("app", "C:\\Path\\To\\YourApp.exe");
        
        WindowsDriver driver = new WindowsDriver(new URL("http://127.0.0.1:4723"), capabilities);
        
        // Найдите элемент и кликните
        driver.findElement(By.name("Calculate Button")).click();
        
        // Проверьте результат
        String result = driver.findElement(By.accessibilityId("ResultLabel")).getText();
        assert result.equals("Expected Result");
    }
}

5. Инструменты для тестирования Accessibility и Visual Regression

Для обеспечения качества UI beyond functional testing я интегрировал:

• axe-core: Для автоматического тестирования accessibility (совместимость с WCAG). Интегрируется прямо в Selenium или Cypress тесты.
• Percy или Applitools Eyes: Для visual regression testing. Эти инструменты сравнивают скриншоты между билдами, выявляя незапланированные визуальные изменения.

Критерии выбора инструмента

Мой выбор всегда основывался на:

1. Тип приложения (веб, mobile, desktop).
2. Стек технологий проекта (JavaScript-фреймворки требуют Cypress/Playwright).
3. Интеграция с CI/CD (скорость выполнения, поддержка параллельных запусков).
4. Надежность и стабильность тестов (Playwright и Cypress часто дают меньше «flaky» тестов чем чистый Selenium).
5. Навыки команды и экосистема инструмента (documentation, community support).

Таким образом, мой арсенал инструментов для UI automation всегда расширялся за пределы Selenium, чтобы обеспечить максимальную эффективность, надежность и покрытие для различных типов пользовательских интерфейсов.