--- a/devtools/client/inspector/animation/test/browser_animation_SummaryGraph_tooltip.js
+++ b/devtools/client/inspector/animation/test/browser_animation_SummaryGraph_tooltip.js
@@ -6,194 +6,175 @@
// Test for existance and content of tooltip on summary graph element.
const TEST_CASES = [
{
targetClassName: "cssanimation-normal",
expectedResult: {
nameAndType: "cssanimation - CSS Animation",
duration: "100s",
- isAllOnCompositor: true,
},
},
{
targetClassName: "cssanimation-linear",
expectedResult: {
nameAndType: "cssanimation - CSS Animation",
duration: "100s",
animationTimingFunction: "linear",
- isAllOnCompositor: true,
},
},
{
targetClassName: "delay-positive",
expectedResult: {
nameAndType: "test-delay-animation - Script Animation",
delay: "50s",
duration: "100s",
- isAllOnCompositor: true,
},
},
{
targetClassName: "delay-negative",
expectedResult: {
nameAndType: "test-negative-delay-animation - Script Animation",
delay: "-50s",
duration: "100s",
- isAllOnCompositor: true,
},
},
{
targetClassName: "easing-step",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
easing: "steps(2)",
- isAllOnCompositor: true,
},
},
{
targetClassName: "enddelay-positive",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
endDelay: "50s",
- isAllOnCompositor: true,
},
},
{
targetClassName: "enddelay-negative",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
endDelay: "-50s",
- isAllOnCompositor: true,
},
},
{
targetClassName: "enddelay-with-fill-forwards",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
endDelay: "50s",
fill: "forwards",
- isAllOnCompositor: true,
},
},
{
targetClassName: "enddelay-with-iterations-infinity",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
endDelay: "50s",
iterations: "\u221E",
- isAllOnCompositor: true,
},
},
{
targetClassName: "direction-alternate-with-iterations-infinity",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
direction: "alternate",
iterations: "\u221E",
- isAllOnCompositor: true,
},
},
{
targetClassName: "direction-alternate-reverse-with-iterations-infinity",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
direction: "alternate-reverse",
iterations: "\u221E",
- isAllOnCompositor: true,
},
},
{
targetClassName: "direction-reverse-with-iterations-infinity",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
direction: "reverse",
iterations: "\u221E",
- isAllOnCompositor: true,
},
},
{
targetClassName: "fill-backwards",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
fill: "backwards",
- isAllOnCompositor: true,
},
},
{
targetClassName: "fill-backwards-with-delay-iterationstart",
expectedResult: {
nameAndType: "Script Animation",
delay: "50s",
duration: "100s",
fill: "backwards",
iterationStart: "0.5",
- isAllOnCompositor: true,
},
},
{
targetClassName: "fill-both",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
fill: "both",
- isAllOnCompositor: true,
},
},
{
targetClassName: "fill-both-width-delay-iterationstart",
expectedResult: {
nameAndType: "Script Animation",
delay: "50s",
duration: "100s",
fill: "both",
iterationStart: "0.5",
- isAllOnCompositor: true,
},
},
{
targetClassName: "fill-forwards",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
fill: "forwards",
- isAllOnCompositor: true,
},
},
{
targetClassName: "iterationstart",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
iterationStart: "0.5",
- isAllOnCompositor: true,
},
},
{
targetClassName: "no-compositor",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
},
},
{
targetClassName: "keyframes-easing-step",
expectedResult: {
nameAndType: "Script Animation",
duration: "100s",
- isAllOnCompositor: true,
},
},
];
add_task(async function () {
await addTab(URL_ROOT + "doc_multi_timings.html");
const { panel } = await openAnimationInspector();
@@ -219,17 +200,16 @@ add_task(async function () {
easing,
endDelay,
direction,
duration,
fill,
iterations,
iterationStart,
nameAndType,
- isAllOnCompositor,
} = expectedResult;
ok(tooltip.startsWith(nameAndType), "Tooltip should start with name and type");
if (animationTimingFunction) {
const expected = `Animation timing function: ${ animationTimingFunction }`;
ok(tooltip.includes(expected), `Tooltip should include '${ expected }'`);
} else {
@@ -288,18 +268,10 @@ add_task(async function () {
if (iterationStart) {
const expected = `Iteration start: ${ iterationStart }`;
ok(tooltip.includes(expected), `Tooltip should include '${ expected }'`);
} else {
ok(!tooltip.includes("Iteration start:"),
"Tooltip should not include iterationStart");
}
-
- if (isAllOnCompositor) {
- const expected = "All animation properties are optimized";
- ok(tooltip.includes(expected), `Tooltip should include '${ expected }'`);
- } else {
- ok(!tooltip.includes("optimized"),
- "Tooltip should not include a message for optmization");
- }
}
});