devtools/client/inspector/animation/test/browser_animation_animation-detail_close-button.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that whether close button in header of animation detail works.

add_task(async function () {
  await addTab(URL_ROOT + "doc_custom_playback_rate.html");
  const { animationInspector, panel } = await openAnimationInspector();

  info("Checking close button in header of animation detail");
  await clickOnAnimation(animationInspector, panel, 0);
  const detailEl = panel.querySelector("#animation-container .controlled");
  const win = panel.ownerGlobal;
  isnot(
    win.getComputedStyle(detailEl).display,
    "none",
    "detailEl should be visibled before clicking close button"
  );
  clickOnDetailCloseButton(panel);
  is(
    win.getComputedStyle(detailEl).display,
    "none",
    "detailEl should be unvisibled after clicking close button"
  );
});