​10 навыков начинающего QA-инженера. Как инструменты помогают в ручном тестировании сайтов

QA-инженеру часто приходится выполнять рутинные, но очень важные задачи: создавать чек-листы проверки, фиксировать баги, проводить повторное тестирование и так далее. К счастью, почти для каждой задачи существует свой инструмент, который облегчает её.

В этой статье собраны 10 навыков, которые нужны QA-инженеру, а также связанные с ними инструменты:

https://tproger.ru/articles/10-navykov-nachinajushhego-qa-inzhenera-kak-instrumenty-pomogajut-v-ruchnom-testirovanii-sajtov/

#qa

​Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

Автор решил написать крошечный тест-раннер run-chewy на nodejs, чтобы лучше разобраться в основном пакете SWC и поэкспериментировать с рабочими потоками. И вот что у него в итоге получилось:

https://nuancesprog.ru/p/16522/

#qa #javascript #typescript

​Как начать тестировать фронтенд: гайд для новичков

Многие фронтенд-разработчики не тестируют свой код должным образом. Это касается и начинающих разработчиков, и более подготовленных. Причём речь касается unit/интеграционных/e2e‑тестов, пирамид тестирования, красно‑зелёного рефакторинга, TDD и BDD, скриншот‑тестирования и других техник.

Этот гайд направлен на то, чтобы научить каждого фронтендера внедрять тестирование для повышения качества кода:

https://habr.com/ru/company/docdoc/blog/716526/

#фронтенд #qa

​Тестирование UI в JavaScript – наилучшие практики

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

В этом руководстве вы найдёте лучшие практики тестирования UI на JavaScript: от разработки через поведение (BDD) до соглашений об именовании и до того, какие именно операции браузер должен выполнять в рамках тестов. Подробнее:

https://habr.com/ru/companies/piter/articles/722004/

#qa #фронтенд

​Сравнение парадигм тестирования: юнит-тесты против функционального тестирования и против интеграционного

Авторы статьи кратко разобрали каждый из видов тестирования и объяснили в каких случаях применяется каждый из них.

#javascript #qa

​Трудности написания юнит-тестов на фронтенд

Тесты помогают выбрать правильное направление в создании расширяемых компонентов путём выстраивания чётких границ между логикой и UI.

Два главных вопроса, с которыми сталкиваются разработчики — это, что тестировать на фронтенд и как писать тестируемый код? Именно на них дал ответ автор данной статьи:

https://habr.com/ru/companies/nordclan/articles/755302/

Под постом вас будет ждать викторина, которая поможет вам проверить насколько хорошо вы усвоили материал👇

#qa #unit_testing

В Puppeteer появилась поддержка Firefox: что это значит для разработчиков и как начать использовать?

В Firefox 23 появилась долгожданная многими поддержка библиотеки автоматизации браузера Puppeteer. Теперь QA и разработчики не будут ограничены в тестировании лишь браузером Chrome. Это нововведение значительно расширяет возможности для разработчиков, позволяя проводить автоматизацию и end-to-end тестирование как в Chrome, так и в Firefox.

Рассказываем подробнее о нововведении: https://tproger.ru/news/v-puppeteer-poyavilas-podderzhka-firefox--chto-eto-znachit-dlya-razrabotchikov-

#firefox #qa

Почему page.goto() замедляет ваши тесты Playwright

Ваши тесты должны быть стабильными, потому что нет ничего хуже ненадёжного набора тестов. Кроме того, ваши тесты должны быть быстрыми, потому что никто не хочет часами ждать, пока вы получите зелёный свет, чтобы внедрить критически важное исправление. Но знаете ли вы, что выполнение тестов замедляется с помощью самого простого действия в Playwright — page.goto()?

В этой статье вы найдёте примеры и способы ускорить выполнение тестов Playwright, избежав этой проблемы:

https://www.checklyhq.com/blog/why-page-goto-is-slowing-down-your-playwright-test/

#playwright #qa

Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.

#javascript #qa

Как лучше делать отладку код JavaScript в Chrome DevTools

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log(), а куда более эффективных способах.

#javascript #qa