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