https://github.com/stalksa/cypress

https://github.com/stalksa/cypress

cypress javascript testing

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/stalksa/cypress
• Owner: STALKSA
• Created: 2025-02-23T08:31:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-23T09:08:37.000Z (over 1 year ago)
• Last Synced: 2025-04-14T02:56:12.454Z (about 1 year ago)
• Topics: cypress, javascript, testing
• Language: JavaScript
• Homepage:
• Size: 6.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
UI Автотесты на фреймворке Cypress


> **Статус проекта:**

> Публичный проект: https://login.qa.studio/

> 

> 🟢 Поддерживается (активный) 

## Описание проекта и задачи

Автоматизировать часть проверок регресса с помощью Cypress

## Тест-кейсы, которые автоматизировали

* Авторизация с верным паролем и верным логином

* Авторизация c верным логином и неверным паролем

* Проверка работы валиадации на наличие @ в логине

* Проверка флоу восстановления пароля

## Детали реализации

1. baseUrl вынесен в переменные конфига

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/baseUrl.png)

2. Применение хуков beforeEach и afterEach

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/hooks.png)

3. Переменные данные для авторизации вынесены в отдельный файл

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/user_data.png)

4. Каждая страница описана в формате объекта с локаторами

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/locators.png)

## Локальный запуск тестов (из терминала)

1. Скачать проект

2. Перейти в терминале в директорию проекта

2. Выполнить команду:

```

npx cypress run --spec cypress/e2e/lesson_locators.cy.js --browser chrome

```

Ожидаемый результат: получим отчет о прохождении тестов.

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/Cypress_cli.png)

## Локальный запуск через Cypress UI

1. Скачать проект и открыть в терминале.

2. Перейти в директорию проекта.

3. В терминале в папке с проектом запустить npm `install --save-dev cypress@12.7.0`

4. В терминале в папке с проектом запустить npm `npm i`

5. В терминале в папке с проектом запустить npm `npx cypress open`

6. Выбрать в Cypress UI E2E тестирование и браузер Google Chrome

7. Выбрать спеку lesson_locators

Ожидаемый результат: получим отчет о прохождении тестов.

![image](https://raw.githubusercontent.com/German-D/new_cypress/main/static/Cypress_UI.png)

## Автор

Герман Дольников ([@dolnikov](https://t.me/dolnikov))