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  margin-right: 5px;
10}
11.replica {
12  background-color: green;
13}
14</style>
15<body>
16<script src="../testharness/testharness.js"></script>
17<script src="../testharness/testharnessreport.js"></script>
18<script src="resources/interpolation-test.js"></script>
19<script>
20assertInterpolation({
21  property: 'height',
22  from: '0px',
23  to: '100px'
24}, [
25  {at: -0.3, is: '0px'}, // CSS height can't be negative.
26  {at: 0, is: '0px'},
27  {at: 0.3, is: '30px'},
28  {at: 0.6, is: '60px'},
29  {at: 1, is: '100px'},
30  {at: 1.5, is: '150px'}
31]);
32</script>
33</body>
34