No se puede activar la animación en ngRepeat anidado

No puedo entender cómo activar animaciones en un ngRepeat anidado con Angular.

La clase CSS ".test" está animada. Cuando se usa ".test" en el ngRepeat interno, no funciona (Saqueador):

<div ng-repeat="section in sections">
  <div ng-repeat="item in section.items" class="test">
    <h2>{{item.title}}</h2>
  </div>
</div>

Cuando se usa ".test" en el ngRepeat externo, funciona (Saqueador):

<div ng-repeat="section in sections">
  <div ng-repeat="item in section.items" class="test">
    <h2>{{item.title}}</h2>
  </div>
</div>

Respuestas a la pregunta(1)

Su respuesta a la pregunta