📱 Как быстро протестировать embed-видео: простой способ на GitHub Pages

Тестирование embed-видео может показаться лишним, если видео уже работает в плеере. Однако на веб-странице могут возникнуть проблемы: например, некоторые функции плеера могут быть несовместимы с определёнными браузерами.

📍 В статье объясняется, как создать репозиторий, добавить HTML-разметку с embed-видео и настроить деплой страницы.

#гайд

😐 Принципы написания автотестов

Практические рекомендации по созданию эффективных автотестов, особенно для JavaScript и TypeScript:

🟣Добавление утверждений в каждый тест: каждый тест должен содержать проверки, подтверждающие корректность работы кода.
🟣Избегание проверок в хуках before и after: утверждения следует размещать непосредственно в тестах, а не в подготовительных или завершающих функциях.
🟣Ожидание результатов после действий: после выполнения действий, таких как клики, необходимо проверять, что они привели к ожидаемым изменениям.
🟣Отказ от безусловных задержек: вместо фиксированных пауз рекомендуется использовать динамические ожидания появления или изменения элементов.
🟣Минимизация зависимостей между тестами: каждый тест должен быть независимым, чтобы изменения в одном не влияли на результаты других.
🟣Поддержание актуальности тестов: регулярное обновление тестов в соответствии с изменениями в кодовой базе.
🟣Соблюдение принципа KISS (Keep It Simple, Stupid): тесты должны быть простыми и понятными, избегая излишней сложности.

🔗 Полный текст статьи доступен по ссылке

#гайд

📚✍️ Чек-лист для тестирования работы в нескольких вкладках: как не упустить важное

Если приложение позволяет открывать одну и ту же форму в разных вкладках, это нужно протестировать. Баги часто возникают при параллельном использовании.

❓Что важно проверить:
• Редактирование: одно поле, разные поля, удаленные или измененные объекты.
• Создание: одинаковые, разные или массовое создание объектов.
• Удаление: удаленные или измененные объекты.

📎Подробнее о тестах и реальных примерах по ссылке

#гайд

🔍 Начинаешь разбираться в тестировании фронтенда?

Фронтенд — это то, что видит и с чем взаимодействует пользователь. А значит, от качества этого кода зависит удобство и впечатление от работы с приложением.

▶️ Статья охватывает весь цикл тестирования: от юнит-тестов до тестов доступности, рассказывает о популярных библиотеках и инструментах, а также объясняет, где и как использовать каждый тип теста.

📖 Читайте статью «Визуальный гайд для джунов по тестированию фронтенда»

#гайд

💻🪲 Как приручить невоспроизводимые баги

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

В своей статье Рауль Парваль делится эффективными техниками и инструментами, которые помогут «взять под контроль хаос», систематизировать подход к поиску и исправлению невоспроизводимых багов.

📌 Разберитесь, как профессиональная команда разработки справляется с задачами, которые кажутся невозможными.

#гайд #почитать

❓ Что такое Cypress

Cypress — это фреймворк для автоматизации тестирования веб-приложений, который идеально подходит для начинающих в области автоматизации тестов. Он позволяет легко и быстро запускать тесты в браузере Chrome. Чтобы начать, нужно установить несколько инструментов.

Процесс установки включает:

1. Установку Chrome, VS Code и Node.js.

2. Создание папки проекта с помощью командного терминала.

3. Инициализацию проекта с помощью команды npm init.

4. Установку Cypress через npm install cypress -D.

5. Запуск тестов через команду npx cypress open.

В Cypress также можно использовать кастомные команды для упрощения тестов, соблюдая принцип инкапсуляции и DRY (Don’t Repeat Yourself).

#гайд