summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/document-policy/experimental-features/layout-animations-enabled-tentative.html
blob: 19e405496eef72d176d007c93f7262e6a12b3806 (plain)
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
28
29
30
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>
<title> 'layout-animations' Policy : Correct behavior for affected and unaffected properties when
         feature is enabled.
</title>
<body>
<script>
  // The expectation for all the following properties could be the same (they are all of type length).
  let length_expectations_100_to_200 = [
      {at: 0.00, expect: "100px"},
      {at: 0.1,  expect: "110px"},
      {at: 0.2,  expect: "120px"},
      {at: 0.4,  expect: "140px"},
      {at: 0.6,  expect: "160px"},
      {at: 0.8,  expect: "180px"},
      {at: 0.9,  expect: "190px"},
  ];
  // Ensure all the affected animations run normally.
  ["bottom", "height", "left", "right", "top", "width"].forEach(
    (p) => test_interpolation({
                                property: p,
                                from: "100px",
                                to: "200px",
                                test_prefix: `Testing property "${p}".`
                              },
                              length_expectations_100_to_200));
</script>
</body>