В этом репозитории находятся материалы тестового задания "Найди ошибки" для 14-й Школы разработки интерфейсов (осень 2018, Москва, Санкт-Петербург, Симферополь).
Для работы тестового приложения нужен Node.JS v9. В проекте используются Yandex Maps API и ChartJS.
Код содержит ошибки разной степени критичности. Некоторые из них — стилистические, а другие — даже не позволят вам запустить приложение. Вам нужно найти все ошибки и исправить их.
Пункты для самопроверки:
- Приложение должно успешно запускаться.
- По адресу http://localhost:9000 должна открываться карта с метками.
- Должна правильно работать вся функциональность, перечисленная в условиях задания.
- Не должно быть лишнего кода.
- Все должно быть в едином codestyle.
npm i
npm start
При каждом запуске тестовые данные генерируются заново случайным образом.
Для отладки использовалась консоль(ошибки сборки и линтеры) и Chrome DevTools.
- Просмотрела код, что откуда запускается, выделила логические части, выделила использованные сторонние api и плагины;
- Ошибка при запуске webpack => ошибка в import;
- Не отображается карта => исправление стилей контейнера;
- Добавила в html тег title, проверила валидатором html;
- На карте не отображаются метки => почитала API Карт => добавила ObjectManager;
- Метки появились не в Москве => в generate-data широта и долгота изменены;
- При клике на объект возникает ошибка => при выводе балуна не передается контекст => заменила стрелочную функцию на обычную;
- В балуне не отображается график => изучила документацию chart.js => убрала максимальное ограничение по оси Y;
- Во всплывашке со временем не вмещается информация => применила форматирование;
- Иконка кластера не отображает исправные/неисправные станции => поменяла объект, к которому устанавливается опция;
- Проверила код линтерами;
- Удалила неискользуемый popup.js, в нем повторяется функционал из details.js