При вводе номера карты происходит определение типа карты по заранее сформированной маске и отрисовка внешнего вида. При нажатии кнопки валидации выводится результат - корректны ли введенные данные. Верстка генерируется из js-файла с помощью RE:DOM. Использование Jest для тестирования.
- Parcel
- RE:DOM
- Jest
Развернутое приложение на Vercel
- Генерация верстки из js-файла с помощью RE:DOM
- Формирование внешнего вида карточки в зависимости от банка (сравнение по маске)
- Проверка на корректность данных при нажатии на кнопку "Validate"
- Тестирование входящих значений с помощью Jest
Для работы с приложением:
- запуск осуществляется по адресу http://localhost:1234