Тестирование полей ввода. Реквизиты

от автора

Всем привет! Меня зовут Иван, третий год в тестировании. На данный момент нахожусь на мобильном проекте финтеха. Сегодня покажу ленивый чек-лист для тестирования маски и полей ввода. Заезженный номер телефона поберегите для себя, а мы тестируем реквизиты счёта!

Мы не будем использовать таблицу пересечений, которую преподают в Яндекс Практикуме, она очень полезная, но из-за дефицита времени часто приходится набрасывать чек-лист. Может уже от опыта перестаешь заполнять таблицу граничных значений и классов эквивалентности? Сейчас проверим)

У нас есть три поля на одной странице «Номер счёта», «БИК», «Наименование банка».

Макет 1. Будьте внимательны :)

Макет 1. Будьте внимательны 🙂

поле «Номер счёта»

  1. При нажатии на поле появляется ТАЧБАР (цифры)

  2. При нажатии на поле плейсхолдер пропадает

  3. Плесхолдер содержит «Введите номер счёта»

  4. Подсказка «Должен начинаться на 4XX» , если первая цифра не 4

  5. Подсказка «Должен содержать 20 цифр», после снятия фокуса с поля (менее 20 цифр)

  6. Подсказка не отображается, если в поле нет даных (снят фокус с поля)

  7. Подсказка «Должен начинаться на 4XX» при повторном неверном вводе

  8. Подсказки отображаются при продолжении ввода в другом поле

  9. Каждые 4 цифры разделяются пробелами автоматически

  10. Ограничение ввода в поле 20 цифр

  11. При вводе 20 цифр нет возможности сместить данные доп. набором (в начале, середине)

  12. Если скопировать 40 цифр — вставятся только первые 20

  13. Ограничение на вставку букв (кириллица, латиница и т.д.)

  14. Ограничение на вставку символов

  15. Ограничение на вставку эмодзи

  16. Если скопировать «Про1вер2ка3» — вставится только «123»

  17. Вырезать данные из поля и вставить обратно (другое поле)

  18. При тапе на поле — крестик исчезает

  19. При снятии фокуса — крестик появляется (при наличии данных в поле)

  20. Нажатием на крестик стираются данные в поле

  21. Курсор после удаления остается на месте первого символа

  22. Курсор после вставки 20 цифр остается в конце

  23. Если поле закрыто тачбаром — поле скроллится до видимой области

Макет 2. Сомнительно, но окей

Макет 2. Сомнительно, но окей

поле «БИК»

  1. При нажатии на поле появляется ТАЧБАР (цифры)

  2. При нажатии на поле плейсхолдер пропадает

  3. Плесхолдер содержит «Введите БИК»

  4. Подсказка «Должен содержать 9 цифр», после снятия фокуса с поля (менее 9 цифр)

  5. Подсказка не отображается, если в поле нет даных (снят фокус с поля)

  6. Подсказки отображаются при продолжении ввода в другом поле

  7. Ограничение ввода в поле 9 цифр

  8. При вводе 9 цифр нет возможности сместить данные доп. набором

  9. Если скопировать 40 цифр — вставятся только первые 9

  10. Ограничение на вставку букв (кириллица, латиница и т.д.)

  11. Ограничение на вставку символов

  12. Ограничение на вставку эмодзи

  13. Если скопировать «Про1вер2ка3» — вставится только «123»

  14. Вырезать данные из поля и вставить обратно (другое поле)

  15. При тапе на поле — крестик исчезает

  16. При снятии фокуса — крестик появляется (при наличии данных в поле)

  17. Нажатием на крестик стираются данные в поле

  18. Курсор после удаления остается на месте первого символа

  19. Курсор после вставки 9 цифр остается в конце

  20. Если поле закрыто тачбаром — поле скроллится до видимой области

Макет 3. Что у вас тут происходит?

Макет 3. Что у вас тут происходит?

поле «Наименование банка»

  1. При нажатии на поле появляется КЛАВИАТУРА (буквы, цифры, символы)

  2. Под полем подсказка «Наименование заполнится, если БИК счёта найден»

  3. При нажатии на поле плейсхолдер пропадает

  4. Плесхолдер содержит «Введите наименование банка»

  5. Ограничение ввода в поле 50 сиволов

  6. Ввод данных капсом допускается

  7. Проверить ввод — латинские/кириллические, знаки препинания и матем. символы

  8. Ограничение на вставку эмодзи

  9. После ввода БИК — поле «Наименование банка» недоступно для ввода на 1 сек.

  10. Если БИК найден, то поле заполняется автоматически

  11. Поле «Наименование банка» должно заполниться в течении 3 сек. после ввода БИК

  12. Если БИК неверный или не найден, то поле можно заполнить вручную

  13. Поле перезатирается при вводе другого БИК номера

  14. Наименование можно редактировать/переписать (Тинькофф на ТБанк)

  15. Вырезать данные из поля и вставить обратно

    Общее

  16. При возвращении на страницу данные заполняются (при обновлении)

  17. При отправки запроса нет лишних пробелов и данных (20, 9 и не более 50 символов)

  18. В логах данные отображаются в соответсвии условиям выше

  19. В БД данные отображаются в соответсвии условиям выше

  20. При отображении подсказки поле обрамлено цветовым акцентом

  21. Данные сохраняются при отсутствии интернета, отключении устройства

  22. Элементы на странице идентично отрисованы на всех платформах !!!

  23. Кнопка Далее доступна при заполнении всех полей на странице

  24. Кнопка Далее становится недоступной при удалении данных с одного и более полей

Макет 4. Что-то здесь не чисто

Макет 4. Что-то здесь не чисто

Основные проверки мы указали, у нас получился ленивый чек-лист, тк можно его усовершенствовать таблицей граничных значений и классов эквивалентности. Скажу по секрету таблицу редко используют из-за дефицита времени. Приходится выкручиваться)

Больше всего багов в 22 проверке — элементы могут быть различны по высоте и отображении — это происходит из-за особенностей экрана девайса, но различий в дизайне элементов быть не должно.

На данный чек-лист может вполне реально получится 20-30 багов. Это не шутка, это реальность тестирования полей с огромным набором исключений. Для этого даже придумали слово — маска. «Маска на поле» — свод ограничений при вводе данных.

Для самых внимательных:

В макете я специально допустил баги, проверьте свою внимательность и напишите в комментарии какие ОР не сошлись по вашему мнению. Будет здорово проверить не только по чек-листу, но и добавить свои проверки на удобство использования.

Мои контакты QAtoDev 


ссылка на оригинал статьи https://habr.com/ru/articles/843876/