Полный цикл тестирования React-приложений

Стремление уйти от ручного регрессионого тестирования — хороший повод внедрить автотесты. Вопрос, какие именно?

Разработчики интерфейсов из Яндекса рассказали, как в Авто.ру построено тестирование фронтенда на базе Jest и Puppeteer: юнит-тесты, тесты на отдельные React-компоненты, интеграционные тесты. И самое интересное из этого опыта — изолированное тестирование React-компонентов в браузере без Selenium Grid, Java и прочего.

Видео (доклад начинается на отметке 4:41:41, если вдруг не перемоталось автоматически): https://tprg.ru/oUGj

Текстовая расшифровка видеодоклада: https://tprg.ru/fFWO

#react #тестирование

Тестирование ClickHouse

ClickHouse — это поколоночная СУБД, которую разрабатывают в Яндексе. В неделю в проекте создаётся около 40 пул-реквестов, что требует хорошей автоматизированной инфраструктуры тестирования кода на всех уровнях.

Один из разработчиков ClickHouse рассказывает, как устроен CI проекта и из каких компонентов состоит pipeline тестирования.

Также в докладе:
— особенности покоммитных сборок с разными конфигурациями в различных OS;
— все этапы тестирования: статический анализ кода, интеграционные тесты и тесты производительности;
— преимущества, которые даёт CI: удобство в обнаружении багов, организация двухнедельного релизного цикла и улучшение работы с контрибьюторами.

Презентация доклада: https://tprg.ru/FpRV

#бэкенд #ci #тестирование

Концептуальные основы ООП в тестировании

В этой серии из трёх получасовых лекций спикер расскажет об основах ООП и о том, как это может помочь QA-специалистам. Доклад ориентирован на широкий круг слушателей: от молодых специалистов в ручном тестировании до архитекторов в автоматизации.

Часть 1: https://youtu.be/Qx0_kFM52oU
Часть 2: https://youtu.be/CRt1XtW6-Fs
Часть 3: https://youtu.be/LeKqHN7l4Yk

#тестирование #ооп

Архитектура решений автоматизации бэкенда

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

Презентация: https://tprg.ru/hZvr

#бэкенд #тестирование

Тестирование JavaScript и Node.js

В этом репозитории собраны актуальные лучшие практики по тестированию JavaScript и Node.js приложений: https://github.com/goldbergyoni/javascript-testing-best-practices

Подборка из 45+ советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

#javascript #nodejs #тестирование #лучшиепрактики

Архитектура решений автоматизации бэкенда

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

Презентация: https://tprg.ru/hZvr

#бэкенд #тестирование

Тестирование с помощью Docker

Писать тесты только потому, что кто-то говорит «у тебя должны быть написаны тесты» — глупо. Тесты должны повышать вашу производительность и при этом улучшать качество конечного продукта.

В этом подробном руководстве читайте, как Docker может помочь при тестировании API: https://fire.ci/blog/api-end-to-end-testing-with-docker/

#ci #docker #тестирование

Подробный гайд по использованию k6, инструмента для нагрузочного тестирования: https://tprg.ru/iK6H

А ещё годный генератор нагрузки: https://tprg.ru/se0E

#тестирование #инструменты

Cassowary — интересный кроссплатформенный инструмент для нагрузочного тестирования. Может встраиваться в CI и пушить метрики в Prometheus PushGateway.

Подробности и гайд по установке на гитхабе:

https://tprg.ru/AiKL

#тестирование #инструменты

critic.sh — небольшой фреймворк для тестирования bash-скриптов. Удобное API и наглядное отображение покрытия скриптов тестами. Документация здесь:

https://tprg.ru/krhT

#тестирование #bash

Тестирование фронтенда

Какие инструменты и подходы для разных типов тестирования фронтенда обычно используют разработчики и тестировщики?

Задали этот вопрос профессионалам, ответами делимся с вами:

https://tprg.ru/2hwA

#фронтенд #тестирование #эксперты

Подборка из 7 cloud-based инструментов для нагрузочных тестов

https://tprg.ru/Ks7T

#тестирование #облака

​Chaos Engineering

Это такой подход к тестированию, когда систему намеренно ломают в разных частях и смотрят на её состояние.

Например, можно изменять файлы случайным образом, прослушивать порты, внедрять вредоносный трафик в VPC, случайно убивать процессы. Главная цель — получить систему, которая будет способна выдерживать экстремальные условия.

Рекомендуем серию из трёх докладов для ознакомления с этой темой:

— Часть 1: https://tprg.ru/8iab
— Часть 2: https://tprg.ru/Nlr4
— Часть 3: https://tprg.ru/B37L

#devops #тестирование

​Тестируемый фронтенд: хороший, плохой и странный

В этой статье один из инженеров Google Chrome решил поделиться собственным опытом организации тестирования и поиска баланса между фронтендом и подсистемами, а также выбора подходящей стратегии.

Он рассказал в чём сложность организации тестирования, какие инструменты и подходы ему помогают и многое другое.

Подробнее:

https://www.smashingmagazine.com/2022/07/testable-frontend-architecture/

#фронтенд #тестирование

Почему разрабатывать продукты без тестировщика — плохая идея?

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

Эта статья показывает ключевые преимущества наличия специалиста по тестированию в команде и его влияние на конечное качество продукта.

#тестирование

​​Репозиторий, в котором собраны лучшие практики по тестированию JavaScript и Node.js приложений

Подборка советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

Сохраните, чтобы не потерять: https://github.com/goldbergyoni/javascript-testing-best-practices

#javascript #nodejs #тестирование #лучшиепрактики

​Вышел бенчмарк для измерения скорости отклика веб-приложений Speedometer 3.0 от Mozilla, Google, Microsoft и Apple

Состоялся релиз бенчмарка для измерения скорости отклика веб-приложений в различных браузерах Speedometer 3.0. Работу над этим проектом вели разработчики Mozilla, Google, Microsoft и Apple.

В Speedometer 3.0 осуществлён переход на применение новых выпусков фреймворков Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte и Vue. Задействованы современные шаблоны проектирования сайтов и веб-приложений, например, использование Webpack, Web Components и новых методов работы с DOM.

Добавлены тесты для оценки производительности отрисовки при помощи элемента Canvas, генерации SVG, обработки сложных CSS, работы с очень большими деревьями DOM и использования методов, применяемых при редактировании контента в режиме WYSIWYG и при работе с новостными сайтами.

Исходный код проекта Speedometer опубликован на GitHub под лицензией BSD: https://github.com/WebKit/Speedometer/

@tproger_web #тестирование #дизайн #вёрстка

​​Чек-лист для проверки доступности вашего сайта для всех пользователей

Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.

Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist

#тестирование #лучшиепрактики #интерфейс

Чек-лист для проверки доступности вашего сайта для всех пользователей

Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.

Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов.

#тестирование #лучшиепрактики #интерфейс

Репозиторий, в котором собраны лучшие практики по тестированию JavaScript и Node.js приложений

Подборка советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

Сохраните, чтобы не потерять: https://github.com/goldbergyoni/javascript-testing-best-practices

#javascript #nodejs #тестирование #лучшиепрактики