Автоматические e2e тесты для проекта «Кекстаграм»

Установка тестов

1. Склонируйте репозиторий и перейдите в созданную директорию.

2. Установите зависимости командой npm install.

Тестирование проекта

1. Откройте терминал и перейдите в директорию с проектом «Кекстаграм». Запустите проект командой npm start. Обратите внимание, по какому адресу стартовал проект.

2. Откройте файл cypress.config.js и убедитесь, что в настройке baseUrl указан тот же URL, на котором доступен «Кекстаграм». Если адрес отличается, измените настройку.

3. Не останавливая работу «Кекстаграма», откройте новое окно (или вкладку) терминала и перейдите в директорию с тестами. Запустите Cypress командой npm test.

4. В открывшемся окне выберите вариант E2E Testing.

5. Теперь выберите браузер, в котором хотите протестировать проект.

На данный момент поддержка WebKit экспериментальная, тесты могут работать нестабильно.

6. Выберите одну из предложенных спецификаций:

   • all - запустит все тесты;
   • edit - запустит тестирование формы редактирования изображения (пункт 2);
   • filter - запустит тестирование фильтрации (пункт 5);
   • post - запустит тестирование отправки данных на сервер (пункт 3);
   • upload - запустит тестирование загрузки изображения (пункт 1);
   • view - запустит тестирование просмотра загруженных изображений (пункт 4).

Номер рядом со сценарием означает пункт технического задания, который проверяется в данном сценарии.

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

Если на одном из шагов сценария призошла ошибка, Cypress прекратит выполнение данного сценария и перейдёт к следующему.

Вы можете развернуть описание шага и узнать, что пошло не так.