Git и VS Code

Что такое Git?

Git - это система контроля версий, которая позволяет отслеживать изменения в файлах и координировать работу нескольких людей над одним проектом. Для тестировщика Git важен для:

  • Отслеживания изменений в тест-кейсах и документации
  • Работы с автотестами
  • Понимания, какие изменения в коде могут повлиять на тестирование

Что такое VS Code?

Visual Studio Code - бесплатный редактор кода от Microsoft, который отлично подходит для:

  • Написания автотестов
  • Редактирования тест-документации
  • Работы с файлами проекта
  • Просмотра изменений в коде

Установка и настройка

Установка Git

  1. Скачайте Git с официального сайта: https://git-scm.com/
  2. Установите с настройками по умолчанию
  3. Проверьте установку в командной строке:
git --version

Установка VS Code

  1. Скачайте VS Code: https://code.visualstudio.com/
  2. Установите с настройками по умолчанию
  3. Запустите и проверьте интеграцию с Git

Первоначальная настройка Git

# Укажите ваше имя и email
git config --global user.name "Ваше Имя"
git config --global user.email "your.email@example.com"

# Проверьте настройки
git config --list

Основные команды Git

Клонирование репозитория

# Скачать проект с GitHub/GitLab
git clone https://github.com/username/project.git

# Перейти в папку проекта
cd project

Работа с изменениями

# Посмотреть статус файлов
git status

# Добавить файлы к коммиту
git add filename.txt        # Добавить конкретный файл
git add .                   # Добавить все измененные файлы

# Создать коммит с описанием
git commit -m "Добавил новый тест-кейс для регистрации"

# Отправить изменения на сервер
git push

Получение изменений

# Получить последние изменения
git pull

# Посмотреть историю изменений
git log --oneline

Работа с Git в VS Code

Интерфейс Git в VS Code

  1. Source Control панель (Ctrl+Shift+G):

    • Показывает все измененные файлы
    • Позволяет делать коммиты через GUI
    • Отображает историю изменений
  2. Индикаторы в редакторе:

    • Зеленые линии - добавленные строки
    • Красные линии - удаленные строки
    • Синие линии - измененные строки

Создание коммита через VS Code

  1. Откройте Source Control панель
  2. Добавьте файлы в Staged Changes (кнопка +)
  3. Напишите сообщение коммита
  4. Нажмите Commit (галочка)
  5. Нажмите Push для отправки на сервер

Полезные сценарии для тестировщика

1. Отслеживание изменений в коде

# Посмотреть, что изменилось в последнем коммите
git show

# Сравнить две версии файла
git diff HEAD~1 filename.js

# Посмотреть изменения за последнюю неделю
git log --since="1 week ago" --pretty=format:"%h %an %s"

2. Работа с ветками

# Создать новую ветку для тестирования
git checkout -b feature-testing

# Переключиться обратно на основную ветку
git checkout main

# Посмотреть все ветки
git branch

3. Создание тест-документации

VS Code отлично подходит для создания markdown файлов:

  • Создайте файл с расширением .md
  • Используйте превью (Ctrl+Shift+V)
  • Синтаксис подсвечивается автоматически

Расширения VS Code для тестировщика

Обязательные расширения:

  1. GitLens - расширенные возможности Git
  2. Markdown All in One - работа с markdown
  3. Live Server - локальный сервер для веб-страниц

Установка расширений:

  1. Откройте Extensions (Ctrl+Shift+X)
  2. Найдите нужное расширение
  3. Нажмите Install

Практические задачи

Задача 1: Создание тест-документации

  1. Создайте новую папку для проекта
  2. Инициализируйте Git репозиторий:
git init
  1. Создайте файл test-plan.md со структурой тест-плана
  2. Сделайте первый коммит:
git add test-plan.md
git commit -m "Создан тест-план для проекта"

Задача 2: Отслеживание багов

  1. Создайте файл bugs.md
  2. Добавьте описание найденного бага
  3. Сделайте коммит с описанием бага
  4. При исправлении бага обновите файл и сделайте новый коммит

Задача 3: Анализ изменений в коде

  1. Клонируйте тестовый репозиторий
  2. Изучите историю коммитов:
git log --graph --oneline --all
  1. Найдите изменения, которые могут повлиять на функциональность
  2. Создайте чек-лист для тестирования на основе этих изменений

Работа с GitHub/GitLab

Создание Pull Request (PR) / Merge Request (MR)

  1. Создайте ветку для ваших изменений
  2. Внесите изменения в тест-документацию
  3. Отправьте ветку на сервер:
git push origin feature-branch
  1. Создайте PR/MR через веб-интерфейс
  2. Опишите внесенные изменения

Ревью изменений

  • Используйте GitHub/GitLab для просмотра изменений других участников
  • Оставляйте комментарии к коду, который может повлиять на тестирование
  • Предлагайте дополнительные тест-кейсы

Интеграция с тестированием

Автоматизация тестирования

# Настройка pre-commit hook для запуска тестов
echo "npm test" > .git/hooks/pre-commit
chmod +x .git/hooks/pre-commit

Связь коммитов с багами

# Хорошие примеры сообщений коммитов
git commit -m "Fix: исправлен баг с валидацией email (BUG-123)"
git commit -m "Test: добавлены тест-кейсы для авторизации"
git commit -m "Docs: обновлен тест-план для модуля оплаты"

Полезные команды для повседневной работы

Отмена изменений

# Отменить изменения в файле (до коммита)
git checkout -- filename.txt

# Отменить последний коммит (но сохранить изменения)
git reset --soft HEAD~1

# Посмотреть различия
git diff

Поиск в истории

# Найти коммиты, содержащие слово "bug"
git log --grep="bug"

# Найти, когда была изменена конкретная строка
git blame filename.txt

Заключение

Git и VS Code - это основа современной разработки и тестирования. Эти инструменты помогают:

  • Отслеживать изменения в проекте
  • Работать в команде над документацией
  • Анализировать влияние изменений кода на тестирование
  • Создавать и поддерживать тест-документацию
  • Автоматизировать процессы тестирования

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