diff options
Diffstat (limited to 'devtools/client/animationinspector/test/browser_animation_playerWidgets_appear_on_panel_init.js')
-rw-r--r-- | devtools/client/animationinspector/test/browser_animation_playerWidgets_appear_on_panel_init.js | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/devtools/client/animationinspector/test/browser_animation_playerWidgets_appear_on_panel_init.js b/devtools/client/animationinspector/test/browser_animation_playerWidgets_appear_on_panel_init.js new file mode 100644 index 000000000..271b26df3 --- /dev/null +++ b/devtools/client/animationinspector/test/browser_animation_playerWidgets_appear_on_panel_init.js @@ -0,0 +1,41 @@ +/* vim: set ts=2 et sw=2 tw=80: */ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +// Test that player widgets are displayed right when the animation panel is +// initialized, if the selected node (<body> by default) is animated. + +const { ANIMATION_TYPES } = require("devtools/server/actors/animation"); + +add_task(function* () { + yield addTab(URL_ROOT + "doc_multiple_animation_types.html"); + + let {panel} = yield openAnimationInspector(); + is(panel.animationsTimelineComponent.animations.length, 3, + "Three animations are handled by the timeline after init"); + assertAnimationsDisplayed(panel, 3, + "Three animations are displayed after init"); + is( + panel.animationsTimelineComponent + .animationsEl + .querySelectorAll(`.animation.${ANIMATION_TYPES.SCRIPT_ANIMATION}`) + .length, + 1, + "One script-generated animation is displayed"); + is( + panel.animationsTimelineComponent + .animationsEl + .querySelectorAll(`.animation.${ANIMATION_TYPES.CSS_ANIMATION}`) + .length, + 1, + "One CSS animation is displayed"); + is( + panel.animationsTimelineComponent + .animationsEl + .querySelectorAll(`.animation.${ANIMATION_TYPES.CSS_TRANSITION}`) + .length, + 1, + "One CSS transition is displayed"); +}); |