Tests that keyframes are shown in styles pane inside display:none.
=== #element styles ===
[expanded]
element.style { ()
[expanded]
#element { (<style>)
animation: inherit;
animation-duration: ;
animation-timing-function: ;
animation-delay: ;
animation-iteration-count: ;
animation-direction: ;
animation-fill-mode: ;
animation-play-state: ;
animation-name: ;
[expanded]
div { (user agent stylesheet)
display: block;
unicode-bidi: isolate;
======== @keyframes animName ========
[expanded]
0% { (<style>)
color: green;
[expanded]
100% { (<style>)
color: lime;
=== #container styles ===
[expanded]
element.style { ()
[expanded]
#container { (<style>)
animation: animName 1000s;
animation-duration: 1000s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: animName;
animation-timeline: auto;
animation-range-start: normal;
animation-range-end: normal;
display: none;
[expanded]
div { (user agent stylesheet)
/-- overloaded --/ display: block;
unicode-bidi: isolate;
======== @keyframes animName ========
[expanded]
0% { (<style>)
color: green;
[expanded]
100% { (<style>)
color: lime;