browser_animation_scroll-animation.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that scroll animations on the page:

// - don't crash the panel

// - are not visible in the animation panel (we don't have

//   UI to support scroll timeline at the moment)

add_task(async function () {

  await pushPref("layout.css.scroll-driven-animations.enabled", true);

  const tab = await addTab(URL_ROOT + "doc_scroll_animation.html");

  const { panel } = await openAnimationInspector();

  // Wait for a bit so the animation could be reported to DevTools

  await wait(1000);

  isnot(

    panel.querySelector(".devtools-sidepanel-no-result"),

    null,

    "The animation panel doesn't list any animation"

);

  info(

    "Set up scroll animation on element to make sure this doesn't cause any issue"

);

  await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {

    const win = content.wrappedJSObject;

    win.document

      .querySelector(".target:not(.scroll-animated)")

      .classList.toggle("scroll-animated");

});

  // Wait for a bit so the animation could be reported to DevTools

  await wait(1000);

  isnot(

    panel.querySelector(".devtools-sidepanel-no-result"),

    null,

    "The panel still doesn't list any animation"

);

});