​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 #фронтенд

​Тестируйте свои React-компоненты с помощью Nightwatch и Testing Library

Nightwatch и Testing Library — два крайне полезных инструмента для тестирования компонентов. Первая библиотека написана на Node.js и позволяет проводить полноценное сквозное тестирование веб-приложений и сайтов, написанных на JS. В свою очередь Testing Library более минималистичный инструмент, созданный специально для тестирования React-компонентов.

В этой статье вы научитесь:

— устанавливать новый проект React с помощью Vite, который также используется внутри Nightwatch для компонентного тестирования;
— подключать и конфигурировать Nightwatch и Testing Library;
— имитировать API запросы с помощью плагина @nightwatch/api-testing;
— писать комплексные React-компонентные тесты, используя Nightwatch и Testing Library.

https://habr.com/ru/companies/otus/articles/719266/

#react #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