Кнопки и интерактивность
Связывайте экраны действиями и проверяйте элементы с таймерами и анимацией.
Проверено по редактору:
Button
В Setup заполните Button label, выберите стиль и настройте On press → Action. Набор полей действия меняется в зависимости от его типа.
У кнопки есть варианты Primary, Secondary и Disabled, а также движение Static или Animated. Disabled действительно отключает нажатие. Animated отвечает за оформление; при включённом у посетителя уменьшении движения анимация останавливается.
Для открытия обычного всплывающего блока используйте Show Popup и нужный Popup текущего экрана. Для платёжной панели Checkout в режиме Sheet используйте Show Sheet → Select Sheet. Это разные действия с разными целями.
В редакторе нажатие выбирает элемент. Проверяйте действие через Link to preview test, где воронка работает как для посетителя.
Register User
В действии Register User укажите Staging URL и Production URL.
Ссылка /test/preview/<alias> выбирает Staging URL. Обычный /preview/<alias> и Stable без /test выбирают Production URL. Домен редактора или посетителя не влияет на этот выбор. Оба режима Preview используют одни и те же экраны и сохраняют выбранный step.
Countdown Button
Countdown Button сочетает кнопку с обратным отсчётом. Настройте содержимое и действия в панели элемента, затем проверьте поведение до и после завершения времени.
Дедлайн сохраняется для посетителя: возвращение к элементу не следует считать гарантированным запуском нового отсчёта. При тестировании используйте отдельную чистую сессию для первого посещения и обычную сессию для повторного.
Timer
Timer показывает отсчёт времени. Используйте его, когда таймер должен быть самостоятельной частью экрана. Проверьте начальное значение, отображение на узком экране и состояние после окончания времени.
Loader и Loader Set
Loader — отдельный индикатор. Loader Set объединяет несколько этапов загрузки.
У Loader есть вариант с изображением. Для него задаются источник, длительность и действие завершения; процент и обычная шкала прогресса к этому варианту не применяются. На холсте анимация показывается без выполнения завершающего действия. В клиентском Preview действие выполняется после заданной длительности.
Тексты Loader и Loader Set поддерживают локализацию. После изменения исходных подписей проверьте статус переводов.
Scratch Card
Scratch Card скрывает награду под стираемым покрытием. Посетитель стирает его, открывает содержимое и после достижения порога запускает настроенное действие с задержкой.
Проверьте жест на сенсорном экране, читаемость открывшегося текста и то, что действие срабатывает один раз в рамках текущего раскрытия.
Spinner
Spinner показывает круговой индикатор ожидания. В Appearance настраиваются его размер, цвет и толщина. Используйте Loader, если нужен индикатор с заданной длительностью и действием завершения.
Перед выпуском
- Пройдите основной и альтернативный переходы.
- Проверьте, что Popup и Sheet открывают нужный блок.
- Дождитесь окончания таймеров и загрузки.
- Проверьте повторное посещение и возврат назад.
- Убедитесь, что важное действие понятно и при отключённой анимации.