А если поставим начальные значения top и left отличные от 0, callback выполнится через 1 секунду, а не как положено через 5.
В твоем примере resolve выполняется по первому сработавшему animationend, а я пытаюсь сделать событие allNewAnimationsEnd.
Ладно узнали мы имена новых анимаций, можно попробовать дождаться окончания их всех. НО мы не знаем какие из этих анимаций будут выполняться.

Наверное, буду пока что считать getFiniteAnimationName только для новых анимаций, а delay будет:

var delay = Math.max(
    getTransitionTime(style),
    getFiniteAnimationTime(style, newAnimationNames)
);

Интересно, значит все таки 1 animationend гарантированно срабатывает (надеюсь во всех браузерах). Я почему-то был уверен, что если еще и для left поставлю начальное значение 0, то вообще ни одно событие не сработает и callback никогда не выполнится.

я там код обновил, глянь его :)

можно пример на основе текущего codepen?

я это дело пофиксил в последней обнове. теперь там список

это как? зачем применять анимацию, если она не проигрывается?

там по нескольку раз срабатывает. для каждой анимации один раз

Теперь наоборот ждем 5 сек, вместо 1 сек, если top=0 :)

Как в примере, который разбираем, одним классом добавляется 2 анимации, одна из которых выполняется.

----------------------
Наврал. Ненавижу группировку одинаковых сообщений в консоли!!!11 :-E Все таки события animation всегда происходят, в отличие от transition. В этом была моя основная путаница. Да, getFiniteAnimationTime тогда можно выкинуть.