dom/animation/test/mozilla/test_moz_prefixed_properties.html
author Alexandru Marc <amarc@mozila.com>
Tue, 15 Jul 2025 02:33:52 +0300 (7 hours ago)
changeset 796591 ca1cc5350282d2e1047872fb126704505db5e97a
parent 765235 6af398b1154dde96b23c18e35c4b32bcfbfe6364
permissions -rw-r--r--
Revert "Bug 1938967 - Part 2: Use relative paths within Taskbar Tabs to create shortcuts. r=nrishel,fluent-reviewers,bolsson" for causing bc failures @ browser_createWindowsShortcut.js This reverts commit 76c91e29a4310104f82d32ce50de9faf027c34f5. Revert "Bug 1938967 - Part 1: Allow shortcuts to be located in subdirectories of the Start menu or desktop. r=nrishel" This reverts commit 17f3a92d47e36c8a879be8d0bf1777cbcb72dc91.
<!DOCTYPE HTML>
<html>
<head>
  <title>Test animations of all properties that have -moz prefix</title>
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="../testcommon.js"></script>
  <script src="../property_database.js"></script>
</head>
<body>
<div id="log"></div>
<script>
"use strict";

const testcases = [
  {
    property: "-moz-box-align"
  },
  {
    property: "-moz-box-direction"
  },
  {
    property: "-moz-box-ordinal-group"
  },
  {
    property: "-moz-box-orient",
  },
  {
    property: "-moz-box-pack"
  },
  {
    property: "-moz-float-edge"
  },
  {
    property: "-moz-force-broken-image-icon"
  },
  {
    property: "-moz-orient"
  },
  {
    property: "-moz-osx-font-smoothing",
    pref: "layout.css.osx-font-smoothing.enabled"
  },
  {
    property: "-moz-text-size-adjust"
  },
  {
    property: "-moz-user-input",
    pref: "layout.css.moz-user-input.enabled",
  },
  {
    property: "user-select"
  },
  {
    property: "-moz-window-dragging"
  },
];

testcases.forEach(testcase => {
  if (testcase.pref && !IsCSSPropertyPrefEnabled(testcase.pref)) {
    return;
  }

  const property = gCSSProperties[testcase.property];
  const values = property.initial_values.concat(property.other_values);
  values.forEach(value => {
    test(function(t) {
      const container = addDiv(t);
      const target = document.createElement("div");
      container.appendChild(target);

      container.style[property.domProp] = value;

      const animation =
        target.animate({ [property.domProp]: [value, "inherit"] },
                       { duration: 1000, delay: -500 } );

      const expectedValue = getComputedStyle(container)[property.domProp];
      assert_equals(getComputedStyle(target)[property.domProp], expectedValue,
                    `Computed style shoud be "${ expectedValue }"`);
    }, `Test inherit value for "${ testcase.property }" `
       + `(Parent element style is "${ value }")`);
  });
});
</script>
</pre>
</body>
</html>