diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /devtools/client/animationinspector/test/browser_animation_pseudo_elements.js | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/animationinspector/test/browser_animation_pseudo_elements.js')
| -rw-r--r-- | devtools/client/animationinspector/test/browser_animation_pseudo_elements.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/devtools/client/animationinspector/test/browser_animation_pseudo_elements.js b/devtools/client/animationinspector/test/browser_animation_pseudo_elements.js new file mode 100644 index 000000000..38b2f10af --- /dev/null +++ b/devtools/client/animationinspector/test/browser_animation_pseudo_elements.js @@ -0,0 +1,49 @@ +/* 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 animated pseudo-elements do show in the timeline. + +add_task(function* () { + yield addTab(URL_ROOT + "doc_pseudo_elements.html"); + let {inspector, panel} = yield openAnimationInspector(); + let timeline = panel.animationsTimelineComponent; + + info("With <body> selected by default check the content of the timeline"); + is(timeline.timeBlocks.length, 3, "There are 3 animations in the timeline"); + + let getTargetNodeText = index => { + let el = timeline.targetNodes[index].previewer.previewEl; + return [...el.childNodes] + .map(n => n.style.display === "none" ? "" : n.textContent) + .join(""); + }; + + is(getTargetNodeText(0), "body", "The first animated node is <body>"); + is(getTargetNodeText(1), "::before", "The second animated node is ::before"); + is(getTargetNodeText(2), "::after", "The third animated node is ::after"); + + info("Getting the before and after nodeFronts"); + let bodyContainer = yield getContainerForSelector("body", inspector); + let getBodyChildNodeFront = index => { + return bodyContainer.elt.children[1].childNodes[index].container.node; + }; + let beforeNode = getBodyChildNodeFront(0); + let afterNode = getBodyChildNodeFront(1); + + info("Select the ::before pseudo-element in the inspector"); + yield selectNode(beforeNode, inspector); + is(timeline.timeBlocks.length, 1, "There is 1 animation in the timeline"); + is(timeline.targetNodes[0].previewer.nodeFront, + inspector.selection.nodeFront, + "The right node front is displayed in the timeline"); + + info("Select the ::after pseudo-element in the inspector"); + yield selectNode(afterNode, inspector); + is(timeline.timeBlocks.length, 1, "There is 1 animation in the timeline"); + is(timeline.targetNodes[0].previewer.nodeFront, + inspector.selection.nodeFront, + "The right node front is displayed in the timeline"); +}); |