<style>
  #box {
    transition: padding 1s;
    padding: 0px 1px 2px 3px;
  }
</style>
<script src="transition-end-event-helpers.js"></script>
<script type="text/javascript">
  var expectedEndEvents = [
    // [property-name, element-id, elapsed-time, listen]
    ["padding-top", "box", 1, true],
    ["padding-right", "box", 1, true],
    ["padding-left", "box", 1, true]
  ];
  function setupTest()
  {
    box.style.padding = "8px 7px 2px 5px";
  }
  runTransitionTest(expectedEndEvents, setupTest);
</script>

<div id="container">
  <div id="box"></div>
</div>
<div id="result"></div>