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: ;
        animation-timeline: ;
        animation-range-start: ;
        animation-range-end: ;

[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;