File tree Expand file tree Collapse file tree 1 file changed +11
-2
lines changed Expand file tree Collapse file tree 1 file changed +11
-2
lines changed Original file line number Diff line number Diff line change @@ -26,7 +26,16 @@ describe('keyframes', () => {
2626 `
2727
2828 mount ( StyledComponent )
29- expect ( ( document . styleSheets [ 0 ] . cssRules [ 0 ] as CSSKeyframesRule ) . name ) . toBe ( kf )
30- expect ( ( document . styleSheets [ 0 ] . cssRules [ 1 ] as CSSStyleRule ) . style [ 'animation-name' as any ] ) . toBe ( kf )
29+ // Make sure the keyframes are defined
30+ const cssRules = document . styleSheets [ 0 ] . cssRules
31+ const keyframesRule = Array . from ( cssRules as unknown as CSSKeyframesRule [ ] ) . find ( ( rule ) => rule ?. name === kf )
32+
33+ expect ( keyframesRule ) . not . toBeUndefined ( )
34+ expect ( keyframesRule ?. name ) . toBe ( kf )
35+
36+ // Make sure the animation is applied correctly
37+ const styleRule = Array . from ( cssRules as unknown as CSSStyleRule [ ] ) . find ( ( rule ) => rule instanceof CSSStyleRule )
38+ expect ( styleRule ) . not . toBeUndefined ( )
39+ expect ( styleRule ! . style [ 'animation-name' as any ] ) . toBe ( kf )
3140 } )
3241} )
You can’t perform that action at this time.
0 commit comments