🐸 Элементы интерфейса

Элементы интерфейса — это основа любого сайта. От кнопок и радиокнопок до модальных окон и хлебных крошек — каждый из них играет свою роль в удобстве использования

В статье разобраны ключевые элементы интерфейса сайтов: радиокнопки, тултипы, прелоадеры и многое другое. Объясняется, для чего нужен каждый элемент и как он работает.

Читайте, чтобы освежить знания или узнать что-то новое 👸

#почитать

🚀 Как тестировать WebSocket API в Postman

Сегодня работа с WebSocket API становится всё более востребованной. С появлением в Postman поддержки этого протокола, тестировщики получили новые инструменты, которые могут значительно упростить их задачи.

Но что такое WebSocket? 🤨 ⤵️

Это двунаправленное соединение между клиентом и сервером, позволяющее обмениваться сообщениями в реальном времени.

Из статьи вы узнаете:

— Как использовать Postman для тестирования WebSocket API.

— Какие ограничения пока существуют у инструмента.

— Лайфхаки для эффективной работы: почему важно разрывать соединение, как обойти проблемы с авторизацией, и что делать, если ответы отправляются «не туда».

Научитесь грамотно тестировать API с учётом всех нюансов ⚡️

#почитать

🎧 Подборка коротких подкастов для QA

Если хочешь быстро освежить знания или узнать что-то новенькое по тестированию, но не хочешь тратить много времени, вот несколько коротких подкастов. За пару минут — полезные идеи и практичные советы для твоей работы.

1️⃣ Postman в глаз, или в Bruno раз
О том, что важно не зацикливаться на инструментах, таких как Postman или Bruno, а понимать принципы работы с API и обменом данными.

2️⃣ Коробка конфет
Разговор с джуном о тестировании и дизайне привёл к забавному обещанию: собрать коробку с конфетами, чтобы через много лет, став сеньором, передать её.

3️⃣ Про Pairwise для ISTQB
Объясняется, как важно понимать метод pairwise и не полагаться только на хитрости сдачи экзамена, чтобы действительно разобраться в тестировании.

4️⃣ Основная функциональность сайта
Рассказ о том, как в 2012 году в Виннице было продемонстрировано, что основная функциональность сайта заключается не в кнопках, а в предоставляемых услугах.

А какие подкасты слушаете вы? Не обязательно по профессиональной теме — делитесь, обсудим в комментариях 🌈

⚡️ Автор подкастов

❓ Что такое конфигурационное тестирование

Конфигурационное тестирование (Configuration testing) - специальный вид тестирования, направленный на проверку работы ПО при различных аппаратных и программных конфигурациях системы (заявленных платформах, поддерживаемых драйверах, при различных конфигурациях компьютеров и т. д.).

⚠️ Configuration = performance + compatibility:

🔘 performance аспект: определить оптимальную конфигурацию оборудования, обеспечивающую требуемые характеристики производительности и времени реакции тестируемой системы;

🔘 compatibility аспект: проверить объект тестирования на совместимость с объявленным в спецификации оборудованием, операционными системами и программными продуктами третьих фирм.

#термины

🌵🔍 Git-квест: 10 испытаний для повелителя репозиториев

Готовы проверить свои навыки работы с Git? Пройдите наш квест и узнайте, насколько искусны в управлении репозиториями.

Посмотрим, пугают ли вас git stash, git rebase и прочие страшные слова 🤨

🔗 Пройти тест

😏 Шпаргалка по работе c SQL

Сохраняйте себе шпаргалку с основными запросами для работы с базами данных! 📌

❓ Зачем переходить на кастомные локаторы

Локаторы — основа автоматизации тестирования веб-приложений. Однако стандартные методы, такие как XPath и CSS-селекторы, часто ломаются при изменении DOM, добавляя работы тестировщикам. К счастью, кастомные локаторы на основе data-атрибутов решают эту проблему.

Что вы узнаете из статьи:

• Почему стандартные локаторы часто ненадежны.

• Как кастомные локаторы, такие как data-name и data-type, делают тесты стабильными и независимыми от структуры страницы.

• Реальные примеры: от функции make_locator до древовидной структуры обращения к элементам.

• Как кастомизация ускоряет написание и поддержку автотестов.

Если ваши тесты часто ломаются из-за изменений в интерфейсе — самое время перейти к кастомным локаторам. Это не только облегчит работу, но и сделает код тестов чище и понятнее.

🔗 Узнайте, как внедрить их в своей работе

#почитать

📐 Тренажер «Треугольники»

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

В тренажере спрятано несколько багов, которые предстоит найти, а также реализован подсчет различных тест-кейсов.

Попробовать тренажер и проверить свои навыки тестирования 🚀

#тренажер

❓ Как тестируют фронтенд в Netflix

Netflix столкнулся с ограничениями традиционного UI-тестирования, которое либо теряет контроль над реальным приложением, либо усложняет работу с его внутренним кодом. Решением стал SafeTest — инструмент, объединяющий лучшие практики Cypress и Playwright.

SafeTest предлагает:

• Гибкость: тестирование компонентов через React Context и переопределения API.

• Удобство: ленивая загрузка тестов с минимальным влиянием на приложение.

• Мощные отчёты: видеозаписи, трассировки и диплинки для упрощения отладки.

• Поддержка корпоративных сред: работа с OAuth и автоматическая генерация тестовых пользователей.

SafeTest работает с React, Vue, Svelte, Angular и другими фреймворками, делая сложные интерфейсы стабильнее и удобнее в разработке.

👉 Узнать больше о подходах Netflix к тестированию в статье

#почитать