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

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

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

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

#почитать

🚀 Как тестировать 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

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

⚙️ Что такое Locust

Locust — это инструмент для нагрузочного тестирования, который позволяет:

• Симулировать одновременную работу множества пользователей с вашим приложением.

• Создавать кастомные сценарии тестирования на Python.

• Оценивать время отклика, производительность и устойчивость системы.

• Масштабировать тестирование за счет распределения нагрузки между несколькими машинами.

Пример сценария на Locust для тестироваения API веб-приложения:

from locust import HttpUser, TaskSet, task, between

# Задания для теста
class UserBehavior(TaskSet):
@task
def get_homepage(self):
self.client.get("/")

@task
def post_login(self):
self.client.post("/login", json={"username": "test", "password": "test123"})

# Пользователь и настройки
class WebsiteUser(HttpUser):
tasks = [UserBehavior]
wait_time = between(1, 5)
# Интервал между запросами

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

Локаторы — основа автоматизации тестирования веб-приложений. Однако стандартные методы, такие как 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 к тестированию в статье

#почитать

📌🐸 Подборка статей о GraphQL

Если вы хотите освоить GraphQL и понять, как эффективно тестировать его в проектах, эта подборка для вас. Включены полезные статьи с теорией, практическими советами и кейсами.

1️⃣ Тестирование GraphQL: советы и примеры

Основной упор сделан на особенности тестирования GraphQL.

2️⃣ Что такое GraphQLи как его тестировать: руководство

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

3️⃣ Работа с GraphQL через Hasura для системных аналитиков и QA

Практическое руководство по проверке запросов, мутаций и типов данных в GraphQL. Полезно для тех, кто уже работает с API и хочет углубить знания.

4️⃣ Как тестировать не-REST-бекэнд. Часть первая, GraphQL

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

5️⃣ Как читается Schema в GraphQL API

Фокус на контрактное тестирование GraphQL API. Показано, как проверить соответствие между клиентом и сервером, минимизируя риски.

Выбирайте подходящий материал и прокачивайте свои навыки ✨

#подборка #почитать