Тёмный

Chrome DevTools для тестировщиков (QA) 

Oleg Malyshev
Подписаться 3,7 тыс.
Просмотров 3,5 тыс.
50% 1

В этом уроке мы с вами подробно разберем такой популярный инструмент в арсенале тестировщика, как 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

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@OlegMalyshevIT
@OlegMalyshevIT 5 месяцев назад
Здесь будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы t.me/OlegMalyshevBlog/123 Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍 Лайк, комментарий, подписка очень приветствуются 😊🙏 Из-за плохого звука, записал другой урок по chrome devtools c хорошим звуком ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RJpGsIadT5M.html 🙏
@Lindoverio
@Lindoverio 4 месяца назад
Вот это дико полезно будет 🔥
@OlegMalyshevIT
@OlegMalyshevIT 4 месяца назад
🙏
@alexgold9005
@alexgold9005 4 месяца назад
Хеллоу Олег. Посмотрел и другие твои видео. Чувак ты крут! Спасибо за качественный контент.🙏
@OlegMalyshevIT
@OlegMalyshevIT 4 месяца назад
Спасибо большое 🙏
@unicoxr5tj417
@unicoxr5tj417 5 месяцев назад
очень важно, особенно Нетворк, чтобы посмотреть, где недогруз.
@OlegMalyshevIT
@OlegMalyshevIT 4 месяца назад
🙏
@Dm-erofeev
@Dm-erofeev 4 месяца назад
Олег, спасибо за это видео! Очень кстати. У меня вопрос по вкладке Console: означает ли, что найденные Error и Varning = найденные баги? Можешь как-то эту тему развить?
@OlegMalyshevIT
@OlegMalyshevIT 4 месяца назад
Error - это не очень хорошо, все Error-ы желеталеьно фиксить. Warning-ов чем меньше, тем лучше, но на реальных проектах варнингов всегда куча. Варнинги - это предупреждения, аномалии после которых еще возможно продолжение работы сайта, веб приложения. - это ошибка, после которой невозможно дальнейшее выполнение кода, компонента, но при этом сам сайт, фичи на нем могут быть рапотоспособны, а зависимости от того, какие Error-ы. На реальных проектах Error-в тоже хватает, есть известные, которые в целом не влияют на работу сайта, но их тоже по хорошему надо фиксить
@user-kd7bj7wg7b
@user-kd7bj7wg7b 4 месяца назад
Звук плохой.
@OlegMalyshevIT
@OlegMalyshevIT 4 месяца назад
Да со звуком в некоторых моментах снова косяк вышел (
@OlegMalyshevIT
@OlegMalyshevIT 2 месяца назад
Сделал другой урок по chrome devtools c хорошим звуком ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RJpGsIadT5M.html
@gerzuss7467
@gerzuss7467 3 месяца назад
Наложи голос в нормальном качестве и перезалей видос, слушать просто невозможно
@OlegMalyshevIT
@OlegMalyshevIT 3 месяца назад
Попробую
@gerzuss7467
@gerzuss7467 3 месяца назад
​@@OlegMalyshevITвидео информативное и очень интересное, спасибо тебе, решить проблему со звуком и будет конфетка
@OlegMalyshevIT
@OlegMalyshevIT 3 месяца назад
@@gerzuss7467 да попробую сегодня заняться и на днях перезалить
@OlegMalyshevIT
@OlegMalyshevIT 2 месяца назад
Сделал другой урок по chrome devtools c хорошим звуком ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RJpGsIadT5M.html
Далее
ИМПРОВИЗАТОРЫ | Нам 8 лет
1:57:59
Просмотров 414 тыс.
Postman. C нуля до автотестов.
1:07:17