https://github.com/soblvsk/shri-2023-testing

🧪 Testing a website for React.js
https://github.com/soblvsk/shri-2023-testing

playwright testing typescript

Last synced: about 1 month ago
JSON representation

🧪 Testing a website for React.js

• Host: GitHub
• URL: https://github.com/soblvsk/shri-2023-testing
• Owner: soblvsk
• Created: 2023-07-07T19:07:52.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-11T17:08:14.000Z (almost 3 years ago)
• Last Synced: 2023-07-18T19:51:03.301Z (almost 3 years ago)
• Topics: playwright, testing, typescript
• Language: TypeScript
• Homepage:
• Size: 760 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Домашнее задание: Автотесты

## Как запустить сервер

Установите зависимости

```bash

  npm ci

```

Соберите клиентский код приложения

```bash

  npm run build

```

Запустите сервер

```bash

  npm start

```

После этого можете открыть приложение в браузере по адресу http://localhost:3000/hw/store

## Выполнение тестов

Запустите `Playwright UI`

```bash

npm run test:e2e:gui

```

Запустите с `BUG_ID` от 1 до 10

```bash

# Если терминал bash

BUG_ID=1 npm run start

# Если терминал от windows

$env:BUG_ID = '1'; npm run start

```

## Описание

Вам дано приложение — интернет магазин. С его помощью можно смотреть каталог товаров, добавлять товары в корзину и оформлять заказы.

Форкните этот репозиторий и напишите тесты, проверяющие правильность работы продуктовых сценариев. Проверяйте сценарии модульными/интеграционными тестами, на свое усмотрение.

Главный критерий проверки — автотесты должны находить баги. Дополнительный критерий — на каждый баг должно падать небольшое количество тестов (не больше 1-2).

## Функциональные требования

**Общие требования:**

- вёрстка должна адаптироваться под ширину экрана

- в шапке отображаются ссылки на страницы магазина, а также ссылка на корзину

- название магазина в шапке должно быть ссылкой на главную страницу

- на ширине меньше 576px навигационное меню должно скрываться за "гамбургер"

  - при выборе элемента из меню "гамбургера", меню должно закрываться

**Страницы:**

- в магазине должны быть страницы: главная, каталог, условия доставки, контакты

- страницы главная, условия доставки, контакты должны иметь статическое содержимое

**Каталог:**

- в каталоге должны отображаться товары, список которых приходит с сервера

- для каждого товара в каталоге отображается название, цена и ссылка на страницу с подробной информацией о товаре

- на странице с подробной информацией отображаются: название товара, его описание, цена, цвет, материал и кнопка "добавить в корзину"

- если товар уже добавлен в корзину, в каталоге и на странице товара должно отображаться сообщение об этом

- если товар уже добавлен в корзину, повторное нажатие кнопки "добавить в корзину" должно увеличивать его количество

- содержимое корзины должно сохраняться между перезагрузками страницы

**Корзина:**

- в шапке рядом со ссылкой на корзину должно отображаться количество не повторяющихся товаров в ней

- в корзине должна отображаться таблица с добавленными в нее товарами

- для каждого товара должны отображаться название, цена, количество , стоимость, а также должна отображаться общая сумма заказа

- в корзине должна быть кнопка "очистить корзину", по нажатию на которую все товары должны удаляться

- если корзина пустая, должна отображаться ссылка на каталог товаров

## Как проверять

Вы можете запускать приложение с параметром `bug id`, который может принимать значение от 1 до 10. Каждое из значений `bug id` добавляет в работу приложения какой-то баг. Проверьте, что без параметра `bug id` все тесты проходят, а для каждого значения `bug id` падают 1-2 теста.

**При использовании Hermione и Jest:**

- при запуске интеграционных тестов передавайте значение в параметре запроса, например, http://localhost:3000/hw/store/catalog/0?bug_id=9

- при запуске модульных тестов передавайте значение в переменной окружения `BUG_ID`, например, `BUG_ID=1 npm run test`