1. Логика
1.1. Шапка
1.1.1. Клик кнопки "Заказать" перенаправляет пользователя на страницу оформления заказа
1.1.2. Клик кнопки "Статус заказа"
1.1.2.1. Скрывает кнопки "Заказать" и "Статус заказа"
1.1.2.2. Отображает поле ввода номера заказа
1.1.2.3. Отображает кнопку "GO!"
1.1.2.3.1. Клик по кнопке отправляет пользователя в поиск заказ по указанному номеру
1.2. Экран "Сделать заказ"
1.2.1. "Для кого самокат"
1.2.1.1. По умолчанию все поля пустые
1.2.1.2. При нажатии кнопки "Далее" все поля проверяются на корректность наполнения
1.2.1.3. Если не все поля заполнены корректно, нельзя перейти на следующий этап оформления. Незаполненные или заполненные некорректно поля подсвечиваются красным и рядом с ними отображаются соответствующие ошибки
1.2.1.4. Если все поля заполнены корректно, после нажатия кнопки "Далее" происходит переход на форму "Про аренду"
1.2.1.5. Поле ввода "Имя"
1.2.1.5.1. Поле обязательно к заполнению
1.2.1.5.2. Допустимые символы: кириллица, пробел, тире
1.2.1.5.3. Длина >=2 и <=15 символов
1.2.1.5.4. При некорректном вводе поле подсвечивается красной рамкой
1.2.1.5.5. При некорректном вводе рядом с полем выводится ошибка "Введите корректное имя"
1.2.1.6. Поле ввода "Фамилия"
1.2.1.6.1. Поле обязательно к заполнению
1.2.1.6.2. Допустимые символы: кириллица, тире
1.2.1.6.3. Длина >=2 и <=15 символов
1.2.1.6.4. При некорректном вводе поле подсвечивается красной рамкой
1.2.1.6.5. При некорректном вводе рядом с полем выводится ошибка "Введите корректную фамилию"
1.2.1.7. Поле ввода "Адрес"
1.2.1.7.1. Поле обязательно к заполнению
1.2.1.7.2. Допустимые символы: кириллица, цифры, пробел, точка, запятая, тире
1.2.1.7.3. Длина >=5 и <=50 символов
1.2.1.7.4. Пробелы в начале строки и в конце удаляются при снятии фокуса с поля
1.2.1.7.5. При некорректном вводе поле подсвечивается красной рамкой
1.2.1.7.6. При некорректном вводе рядом с полем выводится ошибка "Введите корректный адрес"
1.2.1.8. Поле ввода со справочником "Станция метро"
1.2.1.8.1. Поле обязательно к заполнению
1.2.1.8.2. Допустимые символы: кириллица, цифры, пробел, точка, запятая, тире
1.2.1.8.3. В поле работает живой поиск на списку станций метро Москвы, получаемому по API и в процессе ввода пользователь имеет возможность выбрать станцию из предлагаемого списка
1.2.1.8.4. После выбора станции из списка рядом с названием станции отображается круг цвета ветки, на которой располагается станция
1.2.1.8.5. При некорректном вводе поле подсвечивается красной рамкой
1.2.1.8.6. При некорректном вводе рядом с полем выводится ошибка "Введите название станции"
1.2.1.9. Поле ввода "Телефон"
1.2.1.9.1. Поле обязательно к заполнению
1.2.1.9.2. Допустимые символы: цифры, плюс
1.2.1.9.3. Длина >=10 и <=12 символов
1.2.1.9.4. При некорректном вводе поле подсвечивается красной рамкой
1.2.1.9.5. При некорректном вводе рядом с полем выводится ошибка "Введите корректный телефон"
1.2.2. "Про аренду"
1.2.2.1. Поле ввода "Когда привезти самокат"
1.2.2.1.1. Поле обязательно к заполнению
1.2.2.1.2. Ручной ввод в поле недоступен
1.2.2.1.3. При клике на поле появляется датапикер
1.2.2.1.4. По умолчанию календарь открывается на текущем месяце
1.2.2.1.5. Выбор даты доступен только с завтрашнего дня
1.2.2.1.6. При клике на дату в пикере она автоматически подставляется в поле
1.2.2.1.7. Пользователь может изменить дату
1.2.2.1.8. При снятии фокуса без выбора значения подсвечивается красной рамкой
1.2.2.1.9. При снятии фокуса без выбора значения выводится ошибка "Выберите дату доставки"
1.2.2.2. Выпадающий список "Срок аренды"
1.2.2.2.1. Поле обязательно к заполнению
1.2.2.2.2. Доступен выбор из списка от 1 до 7 суток
1.2.2.2.3. При снятии фокуса без выбора значения подсвечивается красной рамкой
1.2.2.2.4. При снятии фокуса без выбора значения выводится ошибка "Выберите срок аренды"
1.2.2.3. Чек-бокс "Цвет"
1.2.2.3.1. Необязательное поле
1.2.2.3.2. Доступные значения в поле: черный жемчуг, серая безысходность
1.2.2.3.3. В чек-боксе доступен множественный выбор опций
1.2.2.4. Поле ввода "Комментарий"
1.2.2.4.1. Необязательное поле
1.2.2.4.2. Допустимые символы: кириллица, цифры, пробел, точка, запятая, тире
1.2.2.4.3. Длина <=24 символов
1.2.2.4.4. При некорректном вводе поле подсвечивается красной рамкой
1.2.2.4.5. При некорректном вводе рядом с полем выводится ошибка "Введите корректный комментарий"
1.2.2.5. Кнопка "Назад"
1.2.2.5.1. При клике отправляет пользователя на форму "Для кого самокат"
1.2.2.5.2. При переключении между формами введенная информация сохраняется
1.2.2.6. Кнопка "Заказать"
1.2.2.6.1. Если все поля заполнены корректно, после клика по кнопке оформляется заказ.
1.2.2.6.2. Если не все обязательные поля заполнены корректно, после клика по кнопке появляется ошибка "Введите корректный <имя поля>"для каждого из полей.
2. Интерфейс
2.1. Шапка
2.1.1. Логотип "Яндекас.Самокат" в шапке
2.1.2. Кнопка "Заказать" в шапке
2.1.3. Кнопка "Статус заказа" в шапке
2.1.3.1. Поле "Введите номер заказа" в шапке
2.1.3.2. Кнопка "GO!" в шапке
2.2. Экран "Сделать заказ"
2.2.1. "Для кого самокат"
2.2.1.1. Заголовок "Для кого самокат"
2.2.1.2. Поле ввода текста "Имя" (обязательное)
2.2.1.3. Поле ввода текста "Фамилия" (обязательное)
2.2.1.4. Поле ввода текста "Адрес" (обязательное)
2.2.1.5. Поле ввода текста "Станция метро" (обязательное)
2.2.1.5.1. Маркер цвета ветки метро
2.2.1.5.2. Живой поиск по известным станциям
2.2.1.6. Поле ввода текста "Телефон" (обязательное)
2.2.1.7. Маска ввода номера: +...
2.2.1.8. Кнопка "Дальше"
2.2.2. "Про аренду"
2.2.2.1. Заголовок "Про аренду"
2.2.2.2. Поле выбора даты "Когда привезти" (обязательное)
2.2.2.2.1. Датапикер
2.2.2.3. Выпадающий список "Срок аренды" (обязательное)
2.2.2.4. Чекбоксы "Цвет самоката" (необязательное)
2.2.2.5. Поле ввода текста "Комментарий" (необязательное)
2.2.2.6. Кнопка "Назад"
2.2.2.7. Кнопка "Заказать"
2.2.3. Подтверждение заказа
2.2.3.1. Заголовок "Заказ оформлен"
2.2.3.2. Номер заказа
2.2.3.3. Кнопка "Посмотреть статус"
2.2.3.4. Подтверждение располагается в модалке
2.2.3.5. Область за пределами модального окна затемнена подложкой
2.2.4. Все поля при фокусе подсвечиваются синим