Обзор песочницы по тестированию. Практика для QA

Привет, Хабр! Меня часто спрашивают, где можно попрактиковаться в тестировании сервиса? Чтобы не просто найти баги на проде, а провести полный регресс после внесения изменений? Я называю это тестированием с обратной связью. И однажды, устав отвечать на такие вопросы, я решил спроектировать сайт-песочницу. Там не только можно попробовать свои силы, но и найти много информации для начинающих тестировщиков. 

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

1. практика в разработке (изучаю frontend и UI/UX-паттерны);

2. дефицит контента по тестированию (веду Telegram-канал);

3. повышение компетенции в QA (развиваюсь вместе с джунами).

Первая версия песочницы вызывала грусть и печаль, CSS-стили были словно из 2009 года и страничку хотелось сразу же закрыть: «Что тут тестировать, сайт старый и неактуальный по всем принципам UI/UX-дизайна». Но, как джун-фронтендер, я гордился тем, что наклепал три файла — index.html, styles.css и script.js.

Чтобы вас не мучать, я сразу перейду к итоговому варианту. Главная страница сразу притягивает внимание: на ней вместо сухой теории я обратился к практике тестирования в игровой форме. Тем самым секунд на 20 привлёк внимание пользователя.

Игра Flappy Bird

Протестировать игру Flappy Bird интересно и необычно. Ниже можно приступить сразу к смоуку: есть чёткие требования как должна работать игра. Достаточно поставить галочки напротив успешных проверок. Навигация в шапке понятна и доступна. 

Однако после запуска сайта я обнаружил, что 70 % новых посетителей открывают песочницу на мобильных устройствах, для которых мой интерфейс не адаптирован. Я нашёл такой выход: добавил автопилот, который проходит игру самостоятельно, а человеку остаётся только проверить UI/UX.

Конструктор навыков

Теперь каждый может составить свой план по QA:

Конструктор навыков — это кладезь знаний (статей, видео и материалов) про каждый необходимый навык для тестировщика. При поиске первой работы каждый тестировщик ищет способы обогатить своё резюме в техническом плане. В конструкторе есть базовые навыки на позицию ручного и FullStack-инженера. Можно выбрать необходимые навыки и получить список полезных материалов по теории и практике.

По кнопке «Получить план» сайт формирует для вас план изучения со ссылками на конкретные навыки. Очень удобно, если не знаешь с чего начать.

Я собрал статистику: у джунов популярны проектирование тестов, Mind-map, Rest-api, Postman, DevTools, MySQL, GitHub, Java и Python. Логично, пока всё сходится — это самые популярные требования в вакансиях на HH.

Вопросы на собеседовании для тестировщика

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

Шесть блоков с вопросами, которые помогут подготовиться к техническому интервью. В них описан порядок и содержание собеседования на позицию тестировщика (manual и FullStack). Более 150 вопросов уже доступно по ссылке.

Тетрис

Ещё одна игра, которую можно протестировать по чек-листу. С неё начался мой сайт-песочница.

Помог в создании тетриса бесплатный ChatGPT. Если вы пытались создать какой-то проект в бесплатной версии чата, то вы меня поймёте: горе и страдания сопровождали меня на всём пути. К счастью, тетрис работает, и самое вкусное в нём — это баги, которые не пришлось придумывать, они появились естественным образом.

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

Баги

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

Пример одного из десятков багов на проде.

Баги оформлены в формате отчётов, что важно для новичков, начинающих с самых азов, ведь на собеседовании часто спрашивают, из чего состоит хороший bug report. 

Заключение

Я рассказал про основные разделы и вкладки на сайте. Каждую неделю добавляю новую информацию, которая поможет тестировщикам овладеть необходимыми навыками для получения работы мечты. Конечно, нет предела совершенству, и песочница будет улучшаться благодаря вашей обратной связи. Поэтому не стесняйтесь, пишите с предложениями в Telegram-канал QAtoDev 🙂

Ссылка на главную страницу QA-песочницы.