| <!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> |
