Тестирование с помощью Jest и Cypress на Js

Задание 1. Тесты на функции

Что нужно сделать

С помощью Jest напишите тесты на функции, созданные в card.zip.

Напишите тесты, проверяющие следующее:

•Валидация номера карты пропускает корректный номер карты.

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

•Валидация номера карты не пропускает строку с недостаточным количеством цифр.

•Валидация номера карты не пропускает строку со слишком большим количеством цифр (например, 25).

•Валидация CVV/CVC пропускает строку с тремя цифровыми символами.

•Валидация CVV/CVC не пропускает строки с 1-2 цифровыми символами.

•Валидация CVV/CVC не пропускает строки с 4+ цифровыми символами.

•Валидация CVV/CVC не пропускает строки с тремя нецифровыми символами (латиница, кириллица и знаки препинания).

•Функция создания DOM-дерева должна вернуть DOM-элемент, в котором содержится строго четыре поля для ввода с плейсхолдерами «Номер карты», «ММ/ГГ», CVV/CVC, Email.

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

Также в проекте нужно настроить ESLint, Prettier и EditorConfig. Не забудьте поставить все необходимые расширения в редактор кода, чтобы интегрировать его с ESLint и EditorConfig.

Задание 2. Тесты на игру в пары

Цель задания

Научиться работать с e2e-тестами.

Что нужно сделать

С помощью Cypress напишите тесты на игру в пары, инициализируйте проект с помощью Cypress CLI.

В тестах должны быть обязательно покрыты следующие сценарии и состояния:

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

•Нажать на одну произвольную карточку. Убедиться, что она осталась открытой.

•Нажать на левую верхнюю карточку, затем на следующую. Если это не пара, то повторять со следующей карточкой, пока не будет найдена пара. Проверить, что найденная пара карточек осталась видимой.

•Нажать на левую верхнюю карточку, затем на следующую. Если это пара, то повторять со следующими двумя карточками, пока не найдутся непарные карточки. Проверить, что после нажатия на третью карточку две несовпадающие карточки становятся закрытыми.

Также в проекте нужно самостоятельно настроить ESLint, Prettier и EditorConfig. Не забудьте поставить все необходимые расширения в редактор кода, чтобы интегрировать его с ESLint и EditorConfig.