jsbench/jsbench.github.io

Полировка UX

Closed this issue · 5 comments

Выполнить следующие пункты для более интуитивного и непробиваемого 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 графиками пока неоднозначно как поступить. Пока оставил. Может после тестирования, пришлёшь свои замечания, правки, комменты...

Взял в разработку эту таску.

По поводу третьего пункта, самым простым и верным решением будет перекрыть все снипеты div opacity: 0.1. Ещё это убережет от срабатывания события Ace, которые могу влиять на результаты прогона.

Перекрыть в какой момент?

Перед запуском тестов закрываем всё прозрачным div, по завершению скрываем, я так постоянно делаю, когда нужно лочить интерфейс, дешево и сердито ;]

Аа.. понял тебя. Сделаю.