jamesshore / quixote

CSS unit and integration testing
Other
848 stars 45 forks source link

support for keyframes / animations? #61

Open evbo opened 3 years ago

evbo commented 3 years ago

Just getting started learning about quixote and I'm not seeing examples for testing keyframes of css animations.

Animations I know would be quite challenging to unit test, there'd need to be some way of evaluating the result at different time intervals.

Unfortunately I'm only doing animations and looking for test support. So is this use-case in scope with what Quixote intends to provide (long term)?

jamesshore commented 3 years ago

It's in scope, but I'm not sure if it's possible. I haven't investigated it at all.

woldie commented 3 years ago

It does seem that techniques exist for spying on transitions and animations.

https://css-tricks.com/controlling-css-animations-transitions-javascript/

On Wed, Dec 16, 2020, 10:17 AM James Shore notifications@github.com wrote:

It's in scope, but I'm not sure if it's possible. I haven't investigated it at all.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/jamesshore/quixote/issues/61#issuecomment-746764027, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACOGQYGHYSI6NAYXS33PRD3SVD2UVANCNFSM4U5JINKA .

On Dec 16, 2020 10:17 AM, "James Shore" notifications@github.com wrote:

It's in scope, but I'm not sure if it's possible. I haven't investigated it at all.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/jamesshore/quixote/issues/61#issuecomment-746764027, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACOGQYGHYSI6NAYXS33PRD3SVD2UVANCNFSM4U5JINKA .

evbo commented 3 years ago

@woldie cool! Similarly I'm looking into Rekapi. Although this is a CSS-in-JS approach, it actually spits the results back out as CSS, so it would afford me the opportunity to unit test just as plain old JS, with only a slight bottleneck when transpiling the CSS from JS upon page load.