Яндекс.Самокат

Интерфейс

Страница "Для кого самокат"

Заголовок

Поле "Имя"

Поле "Фамилия"

Поле "Адрес"

Поле "Станция метро"

Список станций

Маркер станций

Поле "Номер телефона"

Кнопка "Далее"

Страница "Про Аренду"

Заголовок

Поле "Когда привезти самокат"

Календарь

Поле "Срок аренды"

Стрелка выпада меню

Возможность выбора от 1 дня до 7 суток

Поле "Цвет самоката"

Чек-бокс

Название цвета

Кнопка "Назад"

Кнопка "Заказать"

Подтверждение оформление заказа

Заголовок

Информация с номером заказа

Кнопка "Просмотреть"

Логика

Форма "Для кого самокат"

Кнопка "Далее"

Данные заполнены корректно

Переход на страницу "Форма аренды"

Обязательные поля

Поле "Когда привезут самокат"

Выпадает календарь в котором можно выбрать дату начиная со след.дня

Оставить пустым

Ошибка

Поле "Срок аренды"

Выпадающее меню где можно выбрать срок от 1 до 7 суток

Необязательные поля

Поле "Цвет самоката"

Выбрать самому

Если не выбрать самому - выберет система

Поле "Комментарий для курьера"

Можно оставить пустым

Можно напечатать текст

Кнопка "Назад"

Возвращает на форму "Для кого самокат" с сохраненными введенными данными

Кнопка "Заказать"

Если все обязательные поля заполнены

Если заполнены все поля

Если все поля пустые

Если заполнены только необязательные поля

Появляется всплывающее окно с номером заказа и кнопкой "Просмотреть статус заказа"

Если кликнуть по кнопке то выполняется переход на страницу заказа

Выдает ошибку

Данные заполнены некорректно

Сообщение об ошибке

Поле "Имя"

Ввод валидного значения

Рамки поля становятся чёрными после переключения

Enter

Клик по другому элементу

Tab

Ввод невалидного значения

Рамки поля становятся красными

Поле "Фамилия"

Ввод валидного значения

Рамки поля становятся чёрными после переключения

Enter

Клик по другому элементу

Tab

Ввод невалидного значения

Рамки поля становятся красными

Поле "Адрес"

Ввод валидного значения

Рамки поля становятся чёрными после переключения

Enter

Клик по другому элементу

Tab

Ввод невалидного значения

Рамки поля становятся красными

Поле "Номер телефона"

Ввод валидного значения

Рамки поля становятся чёрными после переключения

Enter

Клик по другому элементу

Tab

Ввод невалидного значения

Рамки поля становятся красными

Поле "Станция метро"

Ввод валидного значения

Рамки поля становятся чёрными после переключения

Enter

Клик по другому элементу

Tab

Ввод невалидного значения

Рамки поля становятся красными