Интервьюер: … Расскажите о своем опыте работы с Playwright. Какие задачи вы решали, используя этот инструмент?

Кандидат: Я использовал Playwright для автоматизации тестов в браузере. В основном, я создавал end-to-end тесты для веб-приложений, используя TypeScript и Playwright. Основная часть работы заключалась в тестировании пользовательских интерфейсов и взаимодействий с элементами страницы, таких как формы, кнопки, ссылки. Я также настраивал тесты для разных браузеров (Chromium, Firefox, WebKit).

Технические вопросы:

Интервьюер: Как вы организуете структуру тестов с использованием Page Object Model в Playwright? Почему POM важен?

Кандидат: В Page Object Model (POM) мы создаем классы для каждой страницы или компонента, где храним селекторы и методы для взаимодействия с элементами страницы. Это делает код тестов более читаемым, уменьшает дублирование и упрощает поддержку. Каждый тест использует методы из этих классов, чтобы не взаимодействовать напрямую с селекторами.

Например:

class LoginPage {
private usernameField = this.page.locator(‘#username’);
private passwordField = this.page.locator(‘#password’);
private loginButton = this.page.locator(‘button[type=”submit”]’);

constructor(private page: Page) {}

async login(username: string, password: string) {
await this.usernameField.fill(username);
await this.passwordField.fill(password);
await this.loginButton.click();
}
}

Интервьюер: Как вы обрабатываете асинхронные операции в тестах Playwright?

Приведите пример.

Кандидат: В Playwright большинство действий асинхронные, и они возвращают промисы. Мы можем использовать await для ожидания завершения действий. Например:

Интервьюер: Как можно сделать тесты в Playwright более надежными и устойчивыми к изменениям в UI?

Кандидат: Чтобы сделать тесты более надежными, можно:

• • Использовать стабильные селекторы: вместо зависимости от классов и id, которые могут измениться, можно использовать текстовые селекторы или атрибуты data-testid.
  • Ожидать не только элемента, но и его состояния (например, видимость, активность), используя методы waitForSelector, waitForFunction.
  • Использовать механизм перехвата сетевых запросов для проверки корректной работы API.

Практическое задание:

Интервьюер: Представьте, что вам нужно протестировать форму логина. Вам нужно проверить, что:

• При вводе некорректных данных появляется сообщение об ошибке.
• При корректном логине происходит редирект на главную страницу.

Как бы вы написали такой тест?

Кандидат: