Как снять maxlength со всех полей формы

Ограничение по длине строки на клиенте прописывают в параметре maxlength поля.
Чтобы его найти, вам нужно:

1. Открыть панель разработчика — нажать f12
2. Нажать самую левую кнопку и навести курсор на элемент на странице

Вот, например, в Users в поле «имя1» у нас стоит ограничение в 10 символов:

Если начать вводить символы в это поле, система даст ввести ровно 10 штук. А потом печатаешь на клавиатуре, печатаешь — ничего не меняется. Больше в поле вводить нельзя!

Это ограничение на клиенте. Оно очень легко снимается! И нам нужно уметь это делать, чтобы проверить, какие ограничения установлены на сервере, и установлены ли вообще. Давайте посмотрим, как это сделать.

Клиент-серверная архитектура в картинках

Ссылка на ХАБР (там кликабельное содержание! В блоге такое не сделать)

Знакомая картинка? А вы ведь постоянно сталкиваетесь с этой архитектурой — когда покупаете билет в кино онлайн, бронируете путевку на море или записываетесь к врачу.

На клиент-серверной архитектуре построены все сайты и интернет-сервисы. Также ее используют десктоп-программы, которые передают данные по интернету. Поэтому ИТ-специалисту нужно понимать, что это такое и как работает.

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

Что такое HTTP за 5 минут (видео)

Cсылка на youtube

Ольга Ермолаева записала прикольное коротенькое видео о том, что же такое HTTP. Рекомендую к просмотру  

Оля записала видео в рамках домашнего задания яндекс-практикума для тренеров. Вот еще одно объяснение от другой студентки, всего за 1 минуту!

PS — добавила Олино объяснение на Testbase, в навык тестирования Web-приложений

Кривая дата, это на клиенте или сервере? Ищем виновных

Сделали новый функционал, он находится в стадии тестирования. Отклоняю дубликат, иду смотреть, как это выглядит. А выглядит это вот так

Хм, хм, что-то с датой не так. Но в какую задачу об этом писать? Сложные фичи у нас делятся на две подзадачи:

• фронт;
• бэкенд;

Делают разные разработчики, к кому идти? Открываем консоль браузера, ловим ответ от сервера — там все норм. Значит, сломался фронт, его разработчику и жалуемся!

См также:

Клиент сервер в картинках — что вообще такое клиент (фронт) и сервер (бэкенд)

Что тестировщику надо знать про панель разработчика — о том, как посмотреть эту информацию в браузере

Тормозит страница в вебе, какую информацию собрать для разработчика

Что делать, если открываешь страницу, а она тормозит? Как понять, почему? Собери логи:

1. Заранее в хроме открыть панель разработчика, вкладка network
2. Поставить галку preserve log
3. Зайти на тормозную страницу
4. Правой кнопкой по любому запросу, Save as HAR with content — и отдать это разработчикам

Альтернатива без сохранения —  Copy → Copy All with HAR


На самом деле сбор сетевых запросов полезен в различных ситуациях, не только при тормозах. Собирайте его, если:

• тормозит страница;
• не грузятся некоторые блоки;
• ошибки в JS-консоли;
• не работают некоторые скрипты.

Разработчику будет намного проще ответить, что именно у вас пошло не так ツ

Головоломка в HTML

Вдруг вы еще не видели эту статью на Хабре. Программист из Mail.Ru Group создал квест-головоломку для программистов. Это как Testing Challenge, но технический. Думаю, многим тестировщикам тоже будет любопытно поиграть!

Ссылка на игру — https://puzzle.mail.ru/

Сыграем?

Чтобы понять, что вводить в поле ответа, надо открыть исходный код страницы и найти там подсказки. Очень крутая штука, респект автору 

В решении задач вам помогут:

• Что тестировщику надо знать про панель разработчика — вот где скрыты все ответы!
• Конспекты лекций по HTML & CSS — мои конспекты книги.
• Тестирование веб-приложений — тренинг Алексея Баранцева.
• Навык тестирования Web-приложений на Testbase — полезные ссылки по теме. Эту игру туда тоже добавила :-)