Каждый путь пользователя на сайте начинается со страницы регистрации. Страница регистрации — одна из самых простых, но в то же время одна из самых важных страниц сайта. Люди делают все возможное, чтобы увеличить конверсию на своем сайте: меняют страницы регистрации, модифицируют их, проводят A/B-тестирование, чтобы выявить лучшие страницы и т.д. Но основная проблема, которая остается незамеченной или обычно недооценивается, — это тестирование страницы регистрации. Если вы испробуете все возможные хаки, но не протестируете ее должным образом, вы упускаете очень важную вещь. Ведь если пользователи сталкиваются с проблемами при регистрации, они покидают ваш сайт и больше никогда не возвращаются.
Тестировщики и QA сталкиваются с огромными трудностями при тестировании страницы регистрации из-за множества возможностей, связанных с ее тестированием. Во многих случаях процесс отлично работает в одном браузере, но не работает в другом. Кросс-браузерная совместимость играет здесь важную роль. Поэтому необходимо следовать правильному шаблону тестирования, чтобы убедиться, что вы охватили все аспекты тестирования страницы регистрации.
Мы решили облегчить эту задачу для всех. Если вы будете следовать всем инструкциям по тестированию, вы можете быть уверены, что ваша страница регистрации работает нормально во всех браузерах, операционных системах и устройствах. Мы также добавили шаблон в нижней части страницы блога. Вы можете скачать его бесплатно и использовать для тестирования вашей страницы регистрации.
Прежде чем приступить к тестированию страниц регистрации
Прежде чем приступить к тестированию, нам необходимо собрать некоторые требования, такие как:
-
Имя
-
Фамилия
-
Имя пользователя
-
Идентификатор электронной почты
-
Номер телефона
-
Пароль
-
Подтверждение пароля
-
Адрес
-
Пол
Поля также могут меняться в зависимости от вашего процесса регистрации. Я постарался охватить максимум возможностей для страницы регистрации.
Порядок работы по тестированию страницы регистрации
1- Введите необходимые поля: Имя, Email ID, Пароль, Подтверждение пароля
2- Проверьте поля:
-
Email
-
Пароль: должен состоять из 8-16 символов, содержать один специальный символ, как минимум один символ в верхнем регистре и цифру.
-
Номер телефона: Код страны обязателен, разрешены только цифры.
3- Проверить идентификатор электронной почты: Отправить верификацию на введенный идентификатор электронной почты после успешной проверки.
4- Должны присутствовать обязательные поля.
Проблемы с API на странице регистрации
Основная проблема, с которой вы столкнетесь здесь, — это тестирование всех возможных сценариев для всех возможных комбинаций браузеров, устройств и ОС. Ведь, как мы знаем, процесс регистрации использует API, поэтому необходимо позаботиться о совместимости API в браузерах. Очень часто бывает так, что регистрация работает в браузере, но когда пользователь пытается сделать то же самое в другом браузере или на другом устройстве, он терпит неудачу.
Несовместимость браузеров: Проблемы с аутентификацией на странице регистрации
Если на странице регистрации используются надежные методы аутентификации, такие как аутентификация по второму фактору с использованием SMS-верификации (или без нее), аутентификация без пароля или зашифрованного открытого ключа, то могут возникнуть проблемы совместимости браузеров при аутентификации. Потому что эти методы используют API, такие как API веб-аутентификации. Проблема, которая возникает здесь, заключается в том, что эти API не поддерживаются в различных браузерах.
Поэтому аутентификация не будет работать в таких браузерах, как: IE, старые версии edge, старые версии chrome и firefox, Safari, iOS Safari, Opera Mini, UC Browser и Samsung internet. Таким образом, если пользователь попытается зарегистрироваться с помощью этих браузеров, он не сможет завершить регистрацию. Поэтому вам необходимо протестировать эти браузеры и убедиться, что аутентификация работает во всех браузерах.
Платежные API на странице регистрации
Существует множество сайтов, которые при регистрации запрашивают платежные реквизиты или данные для подтверждения карты. Таким образом, регистрация или вход могут завершиться неудачей, если платеж не будет успешно обработан или карта не будет подтверждена.
Разработчики используют такие API, как Payment Request API, чтобы позволить веб-страницам переключать информацию от агента пользователя. В основном это делается, когда пользовательский агент предоставляет информацию, прежде чем одобрить или отклонить платежный запрос. Этот API опять же сопровождается некоторыми проблемами несовместимости.
Поэтому вам необходимо протестировать процесс оплаты для всех браузеров.
API анимации для страницы регистрации
При разработке страницы регистрации мы позаботились о создании красивого дизайна, добавив несколько красивых анимаций на кнопки для регистрации. Однако иногда это может вызвать огромную проблему.
API, такие как Web Animations API, которые позволяют синхронизировать и изменять тайминг веб-страницы (анимация элементов DOM), иногда вызывают проблемы совместимости в браузерах.
Как видите, на API приходится большая часть проблем совместимости в процессе регистрации. Поэтому важно протестировать API и общую функциональность страницы регистрации вместе с упомянутыми тестовыми случаями для процесса регистрации на всех браузерах и версиях браузеров. Платформа LambdaTest поможет вам убедиться, что ваша страница совместима со всеми браузерами.
Тест-кейсы для страницы регистрации
Кнопки
- Проверьте все кнопки, радиокнопки, флажки, нажав на все кнопки и посмотрите, работают они или нет.
Обязательные поля
-
Проверьте все обязательные поля, не вводя данные и (*) должен быть показан запрос на обязательное поле.
-
Проверьте все обязательные поля, введя данные и проверив их. После ввода всех необходимых полей пользователь должен быть зарегистрирован, сообщение об успешной регистрации должно быть отправлено вместе с письмом.
Необязательные поля
-
Проверьте все необязательные поля, введя данные, после чего должна произойти успешная регистрация.
-
Проверьте все необязательные поля, не вводя данные, и снова пользователь должен быть успешно зарегистрирован без запроса необязательных полей.
-
Проверьте, заполнив некоторые необязательные поля и оставив некоторые, и пользователь должен быть успешно зарегистрирован без запроса необязательных полей.
Валидация электронной почты
-
Проверьте недействительность электронной почты в таких случаях, как: без @, без(.), без домена, без букв перед @. В таких случаях пользователю должно быть предложено ввести действительный адрес электронной почты, и пользователь не должен быть зарегистрирован.
-
Проверьте наличие действительных адресов электронной почты, введя действительные адреса электронной почты, а затем нажмите на кнопку регистрации. Пользователь должен быть успешно зарегистрирован.
-
Проверка на наличие действительного, но уже существующего адреса электронной почты. Пользователь не должен быть зарегистрирован и вместо этого ему предлагается войти в систему.
Проверка номера телефона
-
Проверьте нечисловой ввод, введя несколько букв или специальных символов. Поскольку это числовое поле, оно должно показать ошибку и попросить пользователя ввести правильный номер телефона еще раз.
-
Проверьте правильность ввода числовых данных, введя правильный номер и нажав на кнопку регистрации. Пользователь должен быть успешно зарегистрирован.
-
Протестируйте ввод с применением кода страны, введя число, начинающееся с +, за которым следует код набора. При этом пользователь не должен получить никакого сообщения об ошибке.
Проверка пароля
-
Проверьте пароль на меньшее значение, чем указанный минимум символов. Введите пароль, состоящий менее чем из 8 символов, а затем нажмите на кнопку регистрации. Пользователь должен увидеть сообщение о необходимости ввести значение от 8 до 16 символов и не должен быть зарегистрирован.
-
Проверьте, не превышает ли значение пароля указанное максимальное количество символов. Введите пароль из более чем 16 символов и нажмите на кнопку подписаться. Пользователь должен увидеть сообщение о необходимости ввести значение от 8 до 16 символов и не должен быть зарегистрирован.
-
Введите пароль без буквенно-цифровых символов и нажмите на кнопку регистрации. Пользователю должно быть предложено ввести пароль, содержащий буквенно-цифровые символы.
-
Проверьте, введя буквенно-цифровой пароль из 8-16 символов и специальный символ. Ошибка не должна возникать, и регистрация должна быть успешной.
Пользовательский интерфейс
-
Функциональность вкладок должна работать нормально. Проверьте, нажав кнопку Tab. Она должна перемещаться между полями.
-
Кнопка Enter должна заменять нажатие на кнопку регистрации, и пользователь должен быть успешно зарегистрирован при нажатии кнопки Enter.
-
Убедитесь, что курсор должен меняться в зависимости от полей. В текстовых полях это должен быть символ ⌶, в кнопках — указатель руки.
Шаблон тестовых примеров для страницы регистрации
Вы также можете использовать этот шаблон тестовых примеров для сохранения результатов тестирования страницы регистрации. Скачайте его бесплатно и используйте в качестве стандартного шаблона.
Когда дело доходит до проведения кроссбраузерного тестирования страницы регистрации, вы можете проверить все вышеперечисленные результаты тестирования во всех браузерах по очереди.
Для получения дополнительной информации о том, как проводить кросс-браузерное тестирование с помощью LambdaTest, читайте наш блог, где мы сформулируем идеальную стратегию кросс-браузерного тестирования и позаботимся о том, чтобы ваши пользователи не уходили из-за глупых ошибок.
Счастливого тестирования и счастливых конверсий!