Chrome DevTools для тестировщиков (QA)
В этом уроке мы с вами подробно разберем такой популярный инструмент в арсенале тестировщика, как chrome devtools. Разберем все вкладки, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.
stepik.org/course/198019 - бесплатный курс по postman "Postman-ниндзя: с нуля до автотестов"
Мои социальные сети:
Поддержать канал на Boosty: boosty.to/oleg_malyshev/donate
TELEGRAM: t.me/OlegMalyshevBlog
INSTAGRAM: / omalysev
Таймкоды:
00:00 - Вступление
00:15 - Способы открытия и расположения chrome devtools
01:35 - Про эмуляцию мобильных устройств
02:07 - Вкладка Elements
02:27 - Про HTML
03:30 - Про CSS
04:25 - Что может Inspect веб-элемента
06:45 - Сss и xpath локаторы
08:25 - Пишем css и xpath локаторы
11:37 - Вкладка Console
19:10 - Вкладка Sources
20:06 - Вкладка Network
26:41 - Про HAR файл
27:55 - Throttling
28:52 - Разбираем ошибку в network
32:00 - Смотрим примеры работы веб-сокетов
34:55 - Вкладка Perfomance
37:30 - Вкладка Application
39:25 - Вкладка Security
Пікірлер: 19
Здесь будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы t.me/OlegMalyshevBlog/123 Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍 Лайк, комментарий, подписка очень приветствуются 😊🙏 Из-за плохого звука, записал другой урок по chrome devtools c хорошим звуком kzread.info/dash/bejne/hH6kqdWCkce6ZbA.html 🙏
СУПЕР ! ЛУЧШИЙ
ПРОСТО ЛУЧШИЙ !
Вот это дико полезно будет 🔥
@OlegMalyshevIT
5 ай бұрын
🙏
Хеллоу Олег. Посмотрел и другие твои видео. Чувак ты крут! Спасибо за качественный контент.🙏
@OlegMalyshevIT
4 ай бұрын
Спасибо большое 🙏
очень важно, особенно Нетворк, чтобы посмотреть, где недогруз.
@OlegMalyshevIT
5 ай бұрын
🙏
Олег, спасибо за это видео! Очень кстати. У меня вопрос по вкладке Console: означает ли, что найденные Error и Varning = найденные баги? Можешь как-то эту тему развить?
@OlegMalyshevIT
4 ай бұрын
Error - это не очень хорошо, все Error-ы желеталеьно фиксить. Warning-ов чем меньше, тем лучше, но на реальных проектах варнингов всегда куча. Варнинги - это предупреждения, аномалии после которых еще возможно продолжение работы сайта, веб приложения. - это ошибка, после которой невозможно дальнейшее выполнение кода, компонента, но при этом сам сайт, фичи на нем могут быть рапотоспособны, а зависимости от того, какие Error-ы. На реальных проектах Error-в тоже хватает, есть известные, которые в целом не влияют на работу сайта, но их тоже по хорошему надо фиксить
Звук плохой.
@OlegMalyshevIT
5 ай бұрын
Да со звуком в некоторых моментах снова косяк вышел (
@OlegMalyshevIT
3 ай бұрын
Сделал другой урок по chrome devtools c хорошим звуком kzread.info/dash/bejne/hH6kqdWCkce6ZbA.html
Наложи голос в нормальном качестве и перезалей видос, слушать просто невозможно
@OlegMalyshevIT
3 ай бұрын
Попробую
@gerzuss7467
3 ай бұрын
@@OlegMalyshevITвидео информативное и очень интересное, спасибо тебе, решить проблему со звуком и будет конфетка
@OlegMalyshevIT
3 ай бұрын
@@gerzuss7467 да попробую сегодня заняться и на днях перезалить
@OlegMalyshevIT
3 ай бұрын
Сделал другой урок по chrome devtools c хорошим звуком kzread.info/dash/bejne/hH6kqdWCkce6ZbA.html