title: Testing CSS Transition finished in Jasmine
body: <p>I'm trying to test a bit of JavaScript using jasmine &amp; jasmine-jquery</p>
  
  <p>So I have this bit of Javascript in function</p>
  
  <pre><code>trackTransition = ()-&gt;
    $("#test").on "transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd", ()-&gt; 
      console.log "trans End"
  </code></pre>
  
  <p>I've applied some styes in spec.css that add a css transition and added some html into a fixture, then added in the jasmine specs like so:</p>
  
  <pre><code>   describe "Checks when animation finished", -&gt;
        beforeEach -&gt;
          @trans = spyOnEvent('#test', 'transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd')
          jasmine.Clock.useMock()
          trackTransition()
  
        it "Should check when transition ended", -&gt;
          expect(@trans).not.toHaveBeenTriggered()
          jasmine.Clock.tick(1001)
          expect(@trans).toHaveBeenTriggered()
  </code></pre>
  
  <p>Now I have tested this on the page and fires fine, but on runner it fails and even the console.log doesn't run. Can you test the transitions?  </p>