Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования

Тесты - очень важная часть системы, и у них есть свое место в архитектуре. Вопрос "писать или не писать тесты?" обычно не стоит - но всегда есть вопрос "какие тесты и как много?"

Читать: https://prglb.ru/23o12

Статья расскажет, об основных подходах к тестированию, важности автоматизации и почему 100% покрытия - это не хорошо.

#testing #architecture

Юнит-тестирование фронтенда без фреймворка

Модульные тесты своими руками.

Читать: https://prglb.ru/4c1ph

#testing

REQRES: эмуляция API для тестирования фронтенда

Начать пользоваться: https://reqres.in/

#tools #testing #api

​Современное тестирование React-приложений

Серия статей, посвященная лучшим практикам тестирования в React:

1️⃣ Modern React testing, part 1: best practices
2️⃣ Modern React testing, part 2: Jest and Enzyme
3️⃣ Modern React testing, part 3: Jest and React Testing Library

#testing #react

jest vs jasmine: основные отличия

В чем разница между двумя самыми популярными решениями для тестирования и почему jest один, а карма всегда в связке с жасмином?

Читать: https://prglb.ru/tej1

#testing #jest #jasmine

TDD с Jest и Angular

Разбираемся, как выглядит test-driven development на фронтенде с Jest.

Ссылка: https://prglb.ru/56c7k

#testing #jest #angular #tools

​Тестирование хуков React

Полное руководство по тестированию хуков в React: https://prglb.ru/427zw

#react #frameworks #testing

​Тестирование Node.js-проектов

Большой материал в двух частях по тестированию:

👉 Анатомия тестов и типы тестов
👉 Оценка эффективности тестов, непрерывная интеграция и анализ качества кода

#node #testing

🦉 Использование фреймворка Nightwatch.js для автоматизации тестирования

Пошаговое руководство к Nightwatch.js для автоматизации браузерного тестирования: https://prglb.ru/37xla

#testing #javascript

🛠 Тестирование JavaScript в 2020 году: все, что нужно знать

Большой обзор современных инструментов и практик тестирования JavaScript-кода. В нем обязательно найдутся средства, подходящие именно для ваших проектов. Не пропустите!

https://prglb.ru/488tw

#testing

Чек-лист по тестированию верстки

https://proglib.io/w/e87dd45a

1. Как тестировать (юнит и интеграционные тесты)
2. Что тестировать (от пиксель-перфект до валидности HTML)
3. Где тестировать (браузеры и устройства)
4. Как интегрировать тестирование в разработку
5. Какие сервисы использовать для тестирования

#testing

​Автоматизированное визуальное регрессионное тестирование с TypeScript, Puppeteer, Jest и Jest Image Snapshot

Рефакторинг, добавление нового компонента или обновление пакета могут повлиять на отображение приложения. Как убедиться, что ничего не сломалось? С помощью визуального тестирования: https://proglib.io/w/84473a9e

#testing

​Как мы тестируем frontend (html-верстку)

Чек-лист от основателя агентства по созданию сайтов: https://proglib.io/w/e87dd45a

#testing

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

Примеры и инструменты: https://proglib.io/w/4213b339

#testing

Начало работы с Puppeteer

Puppeteer - популярная библиотека для автоматизации браузерных действий.

https://proglib.io/w/2dfcdcde

#testing #tools

Лучшие практики модульного тестирования

Как писать тесты с удовольствием: https://proglib.io/w/d714e867

#testing

Не лайтхаусом единым: как проверить свой сайт со всех сторон

Скорость загрузки — лишь один из множества параметров, которые стоит проверять на своём сайте, и для большинства других есть свои валидаторы и скоринговые алгоритмы: https://proglib.io/w/d302ad1b

#accessibility #testing