Полировка UX
Closed this issue · 5 comments
nicksp commented
Выполнить следующие пункты для более интуитивного и непробиваемого UI (список продолжать по мере нахождения улучшения):
- Задизейблить кнопки
Run
, когда нет ни одного сниппета - Запретить удаление сниппетов во время фактического тестирования во избежание
Uncaught TypeError: Cannot set property 'innerHTML' of undefined
- Не запускать тест для пустых сниппетов
- Когда присутствуют результаты тестов, и мы удаляем все сниппеты, а потом добавляем один - страница прыгает. Добавить
overflow-y: scroll
дляhtm
- Перед каждым новым бенчмарком, очищать график рельтатов во избежание неприятных моментов с правильной его отрисовкой (например, когда удалили один тест и запустили заново, учитывая что тест прогоняется только для непустых сниппетов, а не для всех как сейчас). Это приводит в ошибкам типа:
Uncaught Error: Row {0} has {NUM} columns, but must have {NUM-1}
P.S. C графиками пока неоднозначно как поступить. Пока оставил. Может после тестирования, пришлёшь свои замечания, правки, комменты...
nicksp commented
Взял в разработку эту таску.
RubaXa commented
По поводу третьего пункта, самым простым и верным решением будет перекрыть все снипеты div opacity: 0.1
. Ещё это убережет от срабатывания события Ace, которые могу влиять на результаты прогона.
nicksp commented
Перекрыть в какой момент?
RubaXa commented
Перед запуском тестов закрываем всё прозрачным div
, по завершению скрываем, я так постоянно делаю, когда нужно лочить интерфейс, дешево и сердито ;]
nicksp commented
Аа.. понял тебя. Сделаю.