Тестування полів та форм
“Дана форма для реєстрації. Протестуйте - питання номер один практично на всіх співбесідах на молодшу позицію. Він добрий ще й тим, що залежно від рівня кандидата буде розкритий по-різному. Завжди насамперед уточнюйте хоч якісь мінімальні вимоги, навіть якщо спочатку озвучують, що вимоги не формалізовані.
Початковий рівень являє собою прості позитивні та негативні кейси (в основному на валідацію):
Обов'язкові поля відзначені *
Обов'язкові поля заповнені/ні
Галочки на угодах проставлені/ні
Поле password та підтвердження має відповідний тип (у полях форми прописаний коректний атрибут TYPE, що повідомляє браузеру тип елементів форми.)
Перевіряється, що паролі однакові
Ім'я користувача валідується як мінімум на довжину та спец. символи, інше за ТЗ
Адреса пошти валідується відповідно до стандарту (наявність символу @, кілька символів @, довжини частин до та після @, допустимі символи до та після, наявність пробілів перед адресою та після, коректна доменна частина тощо)
Поля з очікуваним числовим введенням та текстовим відповідно перевірити позитивними та негативними кейсами за типами даних
Наступний рівень:
Все з попереднього
Кросбраузерність
Зрозумілість форми. Є опис полів або плейсхолдери
Сенситив дані не повинні передаватися до URL
Перевіряємо, як форма відображається до сабміту та після
Поведінка, якщо натиснути сабміт кілька разів поспіль
Якщо форми очищаються після сабміту, перевірити реєстрацію існуючого користувача
Перевірка глобалізації – номер телефону, дата, поштовий індекс, валюта, вертикальний або RTL лист тощо. (опціонально)
Перевірка простих ін'єкцій
Правильна робота багатокрокових форм (Навігація поряд з формою показує поточний етап і кількість кроків, що залишилися.)
Для полів, що передбачають завантаження файлів, прописаний атрибут accept, що визначає тип документів, що завантажуються
Текстове багаторядкове поле при введенні об'ємного повідомлення змінює висоту або у правій частині з'являється скроллбар для перегляду всього вмісту
Для авторизованого користувача поля форми автоматично підставляються всі відомі про відвідувача дані.
Форма зберігається у веб-формах (адмін-панелі) або SQL-таблицях.
Прописаний реальний e-mail особи, яка відповідає за обробку заявок (якщо передбачається ОС)
Опціонально. Користувач отримує повідомлення на свій e-mail про успішно отриману заявку та подальші дії, які від нього вимагаються.
Прописано атрибут autocomplete для полів, що підтримують це значення
Extra:
Перевіряємо, чи вирушили дані після сабміту
Перевіряємо, чи додалися відповідні записи до бд
Перевірка завантаження форми та сабміту при повільному/нестабільному інтернет-з'єднанні
Коректність cookies/токена тощо. після сабміту
Дод. матеріал:
Last updated