Существует масса полезных функций, которые DevTools предлагает как для программистов, так и для тестировщиков.
Некоторые из них являются по-настоящему востребованными, а некоторые просто позволяют «технически взглянуть» по-другому на проверяемое ПО.
Далее поговорим о важных и полезных функциях.
Инструмент DevTools
№1 Выполнение эмуляции ОС Android/iOS. Возможность выполнения подключения Android по отладке
В сегодняшних реалиях IT-сообществ, масса продуктовых компаний содержит у себя огромные парки мобильных и портативных устройств, с помощью которых можно выполнить проверку.
Но есть и такие, которые не видят смысла тратить на подобные вещи денежные средства.
Данная полезная функция DevTools позволяет быстро протестировать работу ПО в окружении мобильной операционной системы без их физического присутствия.
Также пользователь может без привлечения эмуляторов отследить все входящие и исходящие запросы на виртуальном продукте Android, банально, подключив его к ПК и выполнив несколько несложных манипуляций.
Дополнительно вы можете настроить подключение к локальным серверам посредством подобного вида подключения.
№2 Процесс переопределения геолокации и подмена User Agent
Многие из тестировщиков, рано или поздно, сталкивались с проблемами воспроизведения багов, которые были зафиксированы заказчиками при наступлении определенных технических условий.
Возможность подмены User Agent позволяет воспроизводить ту или иную ошибку, которая была зафиксирована в определенной версии браузера и на определенной ОС.
Не забывайте при окончании тестирования возвращать информацию User Agent в исходное положение.
№3 Редактирование стилей CSS у выбранных элементов
Для тестировщика очень полезным является выработка представления о том, как та или иная кнопка должна отображаться на сайте, либо же в каком-то другом веб-интерфейсе ПО.
Данный параметр позволяет добавлять фоновый окрас для выбранного поля, а также есть возможность изменять шрифт, цвет и размеры веб-объектов.
Подобный функционал полезен, когда необходимо показать программистам и дизайнерам, как именно вы видите данный элемент в контексте веб-страницы, либо по просьбе клиента редактировать кнопочку в режиме реального времени.
№4 Неприменяемый JS и CSS в макете
Не стоит забывать о проверке производительности системы, так как данный пунктик будет весьма кстати именно с позиции номинальной нагрузки на тестируемое вами ПО.
Если сумма неиспользуемого программного кода, который постоянно «бегает» во время загрузки одной или нескольких страниц, очень велика, то с помощью действий, описанных в данном материале, у тестировщика будет возможность найти неиспользуемый код, и зафиксировать его в виде артефакта внутри отчета об ошибке.
№5 Возможность сохранения изменений в Chrome во время перезагрузки страницы
Относительно недавно данную функцию было реализовано в DevTools.
С ее помощью можно сохранять все текущие изменения, которые ранее были внесены в CSS.
И при выполнении перезагрузки страницы они будут сохранены, дабы, к примеру, у пользователя была возможность визуально проанализировать, как ведет себя отредактированная кнопка при перезагрузке страницы.
Выводы
Естественно, DevTools не ограничен тем функционалом, который был проанализирован в материале выше.
Но все то, что было описано в статье, представляет собой весьма полезный набор технических возможностей, которые в равной степени могут облегчать работу компании по QA-консультированию и разработчиков.
Оставить комментарий