1<!DOCTYPE html>
2<meta charset="UTF-8">
3<style>
4.target {
5  position: relative;
6  width: 100px;
7  height: 100px;
8  background-color: black;
9  display: inline-block;
10  margin-left: 15px;
11}
12.replica {
13  background-color: green;
14  margin-left: 0px;
15}
16</style>
17<body>
18<script src="../testharness/testharness.js"></script>
19<script src="../testharness/testharnessreport.js"></script>
20<script src="resources/interpolation-test.js"></script>
21<script>
22assertInterpolation({
23  property: 'right',
24  from: '-10px',
25  to: '10px'
26}, [
27  {at: -0.3, is: '-16px'},
28  {at: 0, is: '-10px'},
29  {at: 0.5, is: '0px'},
30  {at: 1, is: '10px'},
31  {at: 1.5, is: '20px'}
32]);
33</script>
34</body>
35