/TestTaskFrontEnd

FrontEnd test task

Primary LanguageJavaScript

Задание:

  1. Форма для добавления контакта с полями «ФИО», «Компания», «Номер телефона».
  2. Список уже добавленных телефонных номеров.
  3. Поиск по запросу (искать по всем полям).
  4. Реализовать 2 unit-теста

Стек:

  1. React (https://reactjs.org/)
  2. Material-UI (https://material-ui.com/)
  3. Jest (https://jestjs.io/)

Текущий статус:

  1. Форма для добавления контакта с полями «ФИО», «Компания», «Номер телефона» - Готово
  2. Список уже добавленных телефонных номеров - готово
  3. Поиск по запросу (искать по всем полям) - готово
  4. Реализовать 2 unit-теста - готово... НО, они довольно бессмысленные получились на мой взгляд. Все гайды, которые попадались на глаза, разбирают какие-то идиотские кейсы с тестированием функции типа sum(a+b). Там да, очевидно что и с чем сравнивать. Но реальная ситуация что-то совсем не такая очевидная. У меня большая часть функций - это обработчики кнопок, которые динамически что-то подтягивают и получают. И как такое тестировать - это пока для меня вопрос открытый.

Дополнительные фичи, которые прикрутились:

  1. Удаление - готово
  2. Изменение - готово

Суммарное время разработки, включая обучение (видеолекции, статейки, документация, рефакторинги):

~30 часов.

Примечания:

  • Для развертки достаточно просто подтянуть зависимости и запустить с помощью npm start
  • Хранение записей организовано в localStorage (будет работать без бд)