testing/web-platform/tests/css/css-transitions/transition-property-006-manual.html
author Duncan McIntosh <dmcintosh@mozilla.com>
Wed, 09 Jul 2025 19:42:02 +0000 (7 hours ago)
changeset 795924 9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 522271 d2c2732863827d3b3f37c267586a1a7fe993196c
permissions -rw-r--r--
Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Transitions Test: transition-property - background-position</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" href="https://drafts.csswg.org/web-animations-1/#animation-type">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-position">
<meta name="assert" content="Test checks that the 'background-position' property is animatable.">
<style>
  #test {
    border: 1px solid;
    background-image: url("support/cat.png");
    background-position: left;
    background-repeat: no-repeat;
    height: 200px;
    transition-duration: 8s;
    transition-property: background-position;
    transition-timing-function: linear;
  }
</style>
<body>
  <p>Click the image inside of box below. Test passes if the image moves gradually but not immediately from left to right until it stops.</p>
  <div id="test"></div>
  <script>
    (function() {
      var div = document.querySelector("#test");
      div.addEventListener("click", function(evt) {
        div.setAttribute("style", "background-position: right;");
      }, false);
    })();
  </script>
</body>