🍅 CSS Academy - Тренировка локаторов

Задание 1: Дублирующиеся ID

💡 В реальных проектах дублирующиеся ID - это баг! Но нужно уметь с ними работать.

Форма входа

Форма регистрации

Задание 2: Навигация по DOM-дереву

Неверный формат email

Задание 4: Работа с таблицами

Название Категория Цена Наличие Действия
Помидоры черри Овощи 150 ₽ В наличии
Огурцы Овощи 80 ₽ В наличии
Яблоки Фрукты 120 ₽ Мало
Бананы Фрукты 90 ₽ Закончились

Задание 5: Динамические элементы

  • Элемент 1
  • Элемент 2

Задание 6: Комбинированные селекторы

Администратор Помидор

Admin

Пользователь Огурец

User

Модератор Перец

Moderator

🕵️ Секретная зона Синьора Помидорова

🍅 Наведи на меня, чтобы увидеть секрет!

Уровень 1
Уровень 2

⚠️ Зона дублей (плохая практика!)

🎯 Специальная секция для встроенных локаторов

💡 Эта секция демонстрирует современный подход Playwright - встроенные локаторы!

Различные типы кнопок

🔗 Ссылка-кнопка

Элементы с title атрибутом

Наведите для подсказки 🤔
✅ Операция выполнена успешно!