Что такое скриншотное тестирование и зачем оно нужно?

Чем сложнее приложение, тем больше шансов, что в нем появятся баги. Даже небольшое изменение кода может привести к плохой адаптивности и неисправному функционалу. Скриншотные тесты — тип автоматического тестирования для выявления визуальных багов. 

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

В каких ситуациях такой вид тестирования будет полезен?
• Для отлавливания некритичных визуальных багов — внесли правки в интерфейс, а пользователь видит не то, что задумывалось 
• При поиске интерфейсных багов, которые привели к нарушению работы сервиса — сместившиеся элементы мешают авторизации пользователя
• Для общего анализ страницы — помимо отдельных элементов, можно отслеживать изменения на всей странице целиком

Подробнее о способах применения и инструментах для генерации тестов — в статье.

Ушёл, хлопнув дверью… А дверь тут же смазали, покрасили и сделали автоматической 😐

Карта развития навыков для IT профессий

Разработка, Product и Project management, BA, Design, DS, QA, Cyber security, Тимлиды

Все есть в интернете.
Все курсы и нужные материалы.

Надо только понять что учить.
С этим помогают карты развития навыков (career paths/study roadmaps)

Александр Замахов собрал подборку таких проектов, по IT специальностям:

▪️ QA
▪️ Разработчик
▪️ Дизайнер
▪️ Data science
▪️ Project manager
▪️ Бизнес аналитик
▪️ Team Lead
▪️ Cyber security
▪️ Product manager

🐞 QA Handbook: Аутентификация и авторизация

▫️Локальное хранилище или куки? Безопасное хранение JWT на клиенте
▫️Как ты реализуешь аутентификацию, приятель?
▫️Зачем нужен Refresh Token, если есть Access Token?

Главное, что заказчик доволен!

Все говорят, что работы в айти стало меньше...

На самом деле, работы полно. Мы подготовили 7 правильных каналов с вакансиями для тестировщиков, аналитиков, проджект-менеджеров и программистов.

В чем фишка этих каналов?

— зарплатная вилка🍴во всех вакансиях
— еженедельные подборки стажировок для начинающих — как здесь (для QA), здесь (для PM) и здесь (для BA&SA)
— быстрый телеграм/email контакт для прямой связи с рекрутером
— удобная навигация по уровням/условиям работы/направлениям тестирования

▪️QA Jobs — работа для тестировщика
▪️PM Jobs — работа для Project и Product менеджера
▪️BA & SA Jobs — работа для бизнес- и системых аналитиков
▪️C# & .NET Jobs — работа для C# инженеров
▪️DS&ML Jobs — работа для DS инженеров
▪️PHP Jobs — работа для PHP разработчиков
▪️JAVA Jobs — работа для Java разработчиков

Подписаться на все каналы сразу

🔥 Отправляем API-запросы прямо из браузера! Анатолий Карпович


Хотели когда-нибудь протестировать API без Postman или кода в VS Code? Можно делать это прямо в DevTools браузера!

Как? Используем JavaScript + fetch + top-level await

Что нужно?
▪️Открываем любой сайт, например https://example.com/
▪️Открываем DevTools (F12 → Console)
▪️Пишем запрос → Enter
▪️Получаем данные прямо в консоли!

Протестируем на живом API: https://jsonplaceholder.typicode.com/todos/

🚀 GET-запрос (получаем список задач)
Простая проверка, что API работает:

const response = await fetch("https://lnkd.in/dhc_shVn");
const data = await response.json();
console.log(data);

Что происходит?
▪️fetch(url) – отправляем HTTP-запрос
▪️.json() – превращаем ответ в объект
▪️await – ждём результат прямо в консоли
▪️Вывод: получаем список задач в JSON-формате!

🚀 GET-запрос по ID (получаем одну задачу)
Допустим, хотим посмотреть задачу с ID 1:

const response = await fetch("https://lnkd.in/dHejaYU8");
const data = await response.json();
console.log(data);

Вывод: в консоли будет задача { id: 1, title: "delectus aut autem", completed: false }

🚀 POST-запрос (создаём новую задачу)

Отправляем новую задачу в API:

const response = await fetch("https://lnkd.in/dppsY97m", {
 method: "POST",
 headers: {
 "Content-Type": "application/json"
 },
 body: JSON.stringify({
 title: "Моя новая задача",
 completed: false,
 userId: 1
 })
});

const result = await response.json();
console.log("Создана задача:", result);

Что тут происходит?
▪️method: "POST" – создаём новую задачу
▪️headers – говорим API, что отправляем JSON
▪️body: JSON.stringify({...}) – превращаем объект в JSON
Вывод: API вернёт новую задачу с ID!

🚀 PUT-запрос (обновляем задачу)

Изменяем задачу с ID 1, отмечая её как выполненную:

const response = await fetch("https://lnkd.in/dHejaYU8", {
 method: "PUT",
 headers: {
 "Content-Type": "application/json"
 },
 body: JSON.stringify({
 title: "Задача обновлена!",
 completed: true,
 userId: 1
 })
});

const result = await response.json();
console.log("Обновлённая задача:", result);

Здесь:
▪️method: "PUT" – обновляем данные
▪️Передаём ID в URL (/todos/1)
Вывод: API вернёт обновлённую задачу!

🚀 DELETE-запрос (удаляем задачу)
Удаляем задачу с ID 1:

await fetch("https://lnkd.in/dHejaYU8", { method: "DELETE" });
console.log("Задача удалена!");

Просто и быстро:
✔️ method: "DELETE" – удаляем ресурс
✔️ Никаких body – просто передаём ID в URL
Вывод: API ответит 200 OK (успешное удаление).

А вы используете DevTools для работы с API?
Делитесь своими лайфхаками в комментариях!

🤨 Первоапрельская подборка самых серьезных телеграм-каналов по направлениям

@memes_qa — самый серьезный канал по тестированию
@memes_pm — самый серьезный канал по Project-менеджменту
@godindev — самый серьезный канал для разработчиков

🐞 QA Handbook: Техники тест-дизайна

▫️ Техники тест-дизайна: теория и примеры
▫️ Техники тест-дизайна и их предназначение
▫️ Кто такие тест-дизайнеры и зачем они нужны
▫️ Исследовательское тестирование и исследовательские туры Виттакера
▫️ Туры в исследовательском тестировании
▫️ Decision Table — что это и как применять
▫️ Таблица решений для тестирования фильтрации с зависимыми фильтрами

👑 Кто работает PM — тот в цирке не смеется 🤡

Наша пятничная рекомендация — канал с PM юмором.

Мы работаем в тестировании и уже не смеемся. Но если вас можно рассмешить — welcome в PM Юмор

P.S. Хороших выходных!

🐞 QA Handbook: Тестирование API

▫️ Лучшие практики тестирования API
▫️ Стратегия тестирования REST API: что именно вам нужно тестировать?
▫️ Как тестировать методы REST API
▫️ Чек-лист API тестов

📚 5 обязательных книг для QA тестировщика

▪️«Тестирование программного обеспечения. Базовый курс.»
В основу книги положен десятилетний опыт проведения тренингов для тестировщиков, позволивший обобщить типичные для многих начинающих специалистов вопросы, проблемы и сложности. Будет полезна как начинающим, так и опытным специалистам. 📂 Скачать (версия от 05.2024)

▪️Эффективное тестирование
Это пособие объясняет, как проводить тестирование максимально продуктивно, уделяя внимание практическим аспектам тестирования. Книга подчеркивает важность автоматизации и современных подходов. 📂 Скачать

▪️Сэм Канер, Джек Фолк, Енг Кек Нгуен. «Тестирование программного обеспечения. Фундаментальные концепции менеджмента бизнес-приложений»
Книга именитых специалистов в области разработки программного обеспечения. Подробно рассматривается широкий спектр вопросов: от организации процесса тестирования до собственно текстирования проекта, кода, документации и т.д. 📂 Скачать

▪️A Practitioner's Guide to Software Test Design — Ли Копланд (2019)
Книга рассматривает лучшие методы проектирования тестов и помогает усовершенствовать навыки создания качественных тест-кейсов. Рекомендуется как для начинающих, так и для опытных тестировщиков 📂 Скачать

▪️Борис Бейзер «Тестирование черного ящика»
Книга доктора Бейзера "Тестирование черного ящика" давно была признана классическим трудом в области поведенческого тестирования разнообразных систем. 📂 Скачать

Что бы ответили вы?