Skip to content
This repository

Testing CSS transitionend #128

Closed
djforth opened this Issue · 1 comment

2 participants

Adrian Stainforth Travis Jeffery
Adrian Stainforth
djforth commented

I'm trying to check if function on the end of a CSS transition:

$("#test").on "transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd", (e)->
      console.log "trans End"

and tracking it in the Jasmine test like so:

describe "Checks when animation finished", ->
      beforeEach ->
        loadFixtures "carousel"
        @trans = spyOnEvent('#test', 'transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd');
        jasmine.Clock.useMock()

     it "Should check when transition ended", ->
        expect(@trans).not.toHaveBeenTriggered()
        jasmine.Clock.tick(1001)
        expect(@trans).toHaveBeenTriggered()

I've added styles into a spec.css, the code fires in the actual html, but I can't get it to fire in the test. I'm not sure runs or if I am missing a good way to test it?

Travis Jeffery
Collaborator

@djforth is this still an issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.