Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Testing CSS transitionend #128

Closed
djforth opened this Issue May 2, 2013 · 1 comment

Comments

Projects
None yet
2 participants

djforth commented May 2, 2013

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?

Collaborator

travisjeffery commented Sep 1, 2013

@djforth is this still an issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment