/selector-test

Тестовое задание. Написать кастомный компонент выпадающего списка

Primary LanguageTypeScript

selector-test

Тестовое задание. Написать кастомный компонент выпадающего списка

Демо доступно здесь

Пример использования

//инициализировать компонент
const selector = new Selector('#my-select-element');

//добавить обработчик событий компонента
selector.setListener((event, data) => {
    console.log(event); //имя события
    console.log(data); //дополнительные данные
});

//установить список доступных опций
selector.setValueList([
    {label: 'foo1', value: 'bar1'},
    {label: 'foo2', value: 'bar2', active: true},
    {label: 'foo3', value: 'bar3'}
]);

//установить текущее выбранное значение
selector.setValue('bar3');

//получить текущее выбранное значение
selector.getValue(); //'bar3'

Разработка

  • Склонировать проект: git clone https://github.com/tormozz48/selector-test.git
  • Перейти в директорию проекта: cd selector-test
  • Установить зависимости: npm install
  • Собрать проект: npm run webpack
  • Запустить dev-сервер и и открыть демо-страницу с компонентом в браузере: npm start

Разное

  • Запуск проверки кода с помощью tslint: npm run lint
  • Запуск тестов: npm test