Зачем нужна настройка окружения

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

В этом уроке мы пройдём установку всего необходимого. Программирование не требуется — только скачивание, установка и проверка работоспособности инструментов.

Экосистема инструментов QA

Вот как инструменты, которые вы установите, связаны с разными типами тестирования:

graph TB subgraph "Веб-тестирование" A[DevTools браузера] --> B[Инспекция элементов] A --> C[Мониторинг сети] A --> D[Консоль и ошибки] end subgraph "API-тестирование" E[Postman] --> F[Отправка запросов] E --> G[Инспекция ответов] E --> H[Коллекции тестов] end subgraph "Код и автоматизация" I[VS Code] --> J[Написание тестовых скриптов] I --> K[Расширения для тестирования] L[Node.js] --> M[Запуск Playwright/Cypress] L --> N[npm-пакеты] end subgraph "Совместная работа" O[Git] --> P[Контроль версий] O --> Q[Code review] O --> R[CI/CD пайплайны] end

Вы не будете использовать все инструменты с первого дня. Модули 1-4 в основном требуют браузер и Postman. Инструменты автоматизации (VS Code, Node.js, Git) становятся необходимы начиная с Модуля 5.

Инструмент 1: DevTools браузера

Что это: Встроенные инструменты разработчика в каждом современном браузере (Chrome, Firefox, Edge).

Зачем QA это нужно: Инспекция элементов страницы, мониторинг сетевых запросов, проверка ошибок в консоли, тестирование адаптивных макетов и анализ производительности.

Установка:

  1. Откройте Google Chrome (рекомендуется для этого курса) или предпочитаемый браузер
  2. Нажмите F12 (Windows/Linux) или Cmd + Option + I (Mac)
  3. Должна открыться панель DevTools

Проверка работоспособности:

  • Перейдите на любой сайт
  • Откройте DevTools (F12)
  • Нажмите вкладку «Elements» — вы должны увидеть HTML страницы
  • Нажмите вкладку «Network», перезагрузите страницу — должны появиться сетевые запросы
  • Нажмите вкладку «Console» — введите console.log("QA готов!") и нажмите Enter

Если вы видите «QA готов!» в консоли — DevTools работает отлично.

Основные вкладки, которые вы будете использовать:

ВкладкаНазначениеИспользуется в модуле
ElementsИнспекция HTML/CSSМодуль 5
ConsoleПроверка ошибок JavaScriptМодуль 5
NetworkМониторинг API-вызововМодуль 5, 6
ApplicationИнспекция cookies, хранилищаМодуль 5
PerformanceАнализ загрузки страницыМодуль 5

Инструмент 2: Postman (бесплатный)

Что это: Платформа для создания и тестирования API. Бесплатная версия покрывает всё необходимое.

Зачем QA это нужно: Тестирование REST API, создание коллекций запросов, валидация данных ответов и автоматизация API-тестов.

Установка:

  1. Перейдите на postman.com/downloads
  2. Скачайте и установите десктопное приложение для вашей ОС
  3. Создайте бесплатный аккаунт (или используйте облегчённый API-клиент без аккаунта)

Проверка работоспособности:

  1. Откройте Postman
  2. Нажмите «New», затем «HTTP Request»
  3. Введите URL: https://jsonplaceholder.typicode.com/posts/1
  4. Нажмите «Send»
  5. Вы должны увидеть JSON-ответ с заголовком и телом поста

Если вы видите JSON-данные с "userId": 1 — Postman работает корректно.

Инструмент 3: VS Code (или любой текстовый редактор)

Что это: Бесплатный легковесный редактор кода от Microsoft. Самый популярный редактор для QA-автоматизации.

Зачем QA это нужно: Написание тестовых скриптов, редактирование конфигурационных файлов, просмотр результатов тестов и работа с Git.

Установка:

  1. Перейдите на code.visualstudio.com
  2. Скачайте и установите для вашей ОС
  3. Откройте VS Code

Рекомендуемые расширения (установите позже, когда понадобятся):

  • Prettier — форматирование кода
  • REST Client — отправка HTTP-запросов из VS Code
  • GitLens — расширенные функции Git
  • Playwright Test for VS Code — запуск Playwright-тестов (Модуль 8+)

Проверка работоспособности:

  1. Откройте VS Code
  2. Перейдите в File > New File
  3. Напишите Привет, QA! и сохраните как test.txt на рабочем столе
  4. Если файл сохраняется и открывается корректно — VS Code готов

Инструмент 4: Git

Что это: Система контроля версий, которая отслеживает изменения в файлах.

Зачем QA это нужно: Управление тестовым кодом, совместная работа с командой разработки, ревью изменений кода (что часто помогает находить баги) и работа с CI/CD.

Установка:

Windows:

  1. Скачайте с git-scm.com
  2. Запустите установщик (настройки по умолчанию подходят)
  3. Откройте Command Prompt или Git Bash

Mac:

  1. Откройте Terminal
  2. Введите git --version
  3. Если не установлен, появится предложение установить Xcode Command Line Tools — примите

Linux:

  1. Откройте Terminal
  2. Выполните sudo apt install git (Ubuntu/Debian) или sudo dnf install git (Fedora)

Проверка работоспособности:

git --version

Вы должны увидеть что-то вроде git version 2.43.0 или новее.

Начальная настройка:

git config --global user.name "Ваше Имя"
git config --global user.email "ваш.email@example.com"

Инструмент 5: Node.js (для поздних модулей)

Что это: Среда выполнения JavaScript, позволяющая запускать JavaScript вне браузера.

Зачем QA это нужно: Запуск фреймворков автоматизации (Playwright, Cypress), установка инструментов тестирования через npm, выполнение скриптов.

Установка:

  1. Перейдите на nodejs.org
  2. Скачайте версию LTS (Long Term Support)
  3. Запустите установщик

Проверка работоспособности:

node --version
npm --version

Вы должны увидеть номера версий для обоих. Node должен быть 18+, npm — 9+.

Node.js не понадобится до Модуля 8 (Автоматизация), но установка сейчас сэкономит время позже.

Инструмент 6: Python (опционально)

Что это: Язык программирования, часто используемый для автоматизации тестирования и скриптинга.

Зачем QA может понадобиться: Некоторые компании используют Python-фреймворки для тестирования (pytest, Robot Framework). Также полезен для обработки данных и написания скриптов.

Установка:

  1. Перейдите на python.org/downloads
  2. Скачайте Python 3.11+ и установите
  3. Убедитесь, что отметили «Add Python to PATH» при установке (Windows)

Проверка работоспособности:

python3 --version

Вы должны увидеть Python 3.11.x или новее.

Python опционален для этого курса. Модули автоматизации фокусируются на JavaScript/TypeScript с Playwright, но знание Python открывает дополнительные карьерные возможности.

Создание структуры папок курса

Создайте выделенное рабочее пространство:

qa-course/
├── notes/           # Ваши заметки по урокам
├── exercises/       # Решения упражнений
│   ├── module-01/
│   ├── module-02/
│   └── ...
├── projects/        # Крупные учебные проекты
└── resources/       # Скачанные материалы, шпаргалки

Быстрая настройка через терминал:

mkdir -p qa-course/{notes,exercises,projects,resources}
mkdir -p qa-course/exercises/module-{01..12}

Или создайте папки вручную через файловый менеджер — структура важнее метода.

Закладки для сохранения

Сохраните эти ресурсы для быстрого доступа на протяжении курса:

РесурсURLДля чего
MDN Web Docsdeveloper.mozilla.orgСправочник по HTML, CSS, JavaScript
HTTP Status Codeshttpstatuses.comБыстрый поиск кодов статуса API
JSONPlaceholderjsonplaceholder.typicode.comБесплатный фейковый API для практики
Regex101regex101.comТестирование регулярных выражений
Postman Learninglearning.postman.comТуториалы по Postman

Решение типичных проблем

«Command not found» после установки: Закройте и откройте терминал заново. На Windows может потребоваться выйти из системы и войти снова. На Mac/Linux выполните source ~/.zshrc или source ~/.bashrc.

Postman не подключается: Проверьте настройки файрвола. Некоторые корпоративные сети блокируют Postman — попробуйте через личную сеть.

Git каждый раз запрашивает учётные данные: Настройте SSH-ключи или используйте менеджер учётных данных. Мы подробно разберём это в модуле по Git.

Конфликты версий Node.js: Если у вас несколько проектов, требующих разные версии Node, установите nvm (Node Version Manager) позже. Пока достаточно LTS-версии.

Следующие шаги

Ваше окружение готово. Теперь у вас установлено всё необходимое для прохождения каждого урока курса. В следующем уроке мы рассмотрим карьерные пути в QA и ожидания по зарплате, чтобы помочь вам наметить долгосрочные цели.

Не волнуйтесь, если пока не понимаете, зачем нужен каждый инструмент — для этого и нужен остальной курс. Сейчас важно лишь то, что всё установлено и проверено.