Best way to pause testing on custom CSS or D3 animations?


What’s the best way to use registerWaiter to force Ember Testing to wait for my animated D3 charts?

I’ve noticed other uses of registerWaiter usually check some global mutable state, but D3 doesn’t keep track of its pending animations anywhere out of the box. I also don’t believe there’s any API for hooking into every D3 animation call (such that I could track that state in my own self-managed global).

I have a bar-chart component and one thought I had was that the component itself could call registerWaiter and unregisterWaiter when it started and stopped animating. Is this a common or acceptable pattern? What’s the best approach here?

Same question for CSS animations too.