1<!doctype html>
2<style>
3    @font-face {
4        font-family: 'WebKit WeightWatcher';
5        font-weight: 100;
6        src:  url('../../resources/WebKitWeightWatcher100.ttf');
7    }
8    @font-face {
9        font-family: 'WebKit WeightWatcher';
10        font-weight: 200;
11        src:  url('../../resources/WebKitWeightWatcher200.ttf');
12    }
13    @font-face {
14        font-family: 'WebKit WeightWatcher';
15        font-weight: 300;
16        src:  url('../../resources/WebKitWeightWatcher300.ttf');
17    }
18    @font-face {
19        font-family: 'WebKit WeightWatcher';
20        font-weight: 400;
21        src:  url('../../resources/WebKitWeightWatcher400.ttf');
22    }
23    @font-face {
24        font-family: 'WebKit WeightWatcher';
25        font-weight: 500;
26        src:  url('../../resources/WebKitWeightWatcher500.ttf');
27    }
28    @font-face {
29        font-family: 'WebKit WeightWatcher';
30        font-weight: 600;
31        src:  url('../../resources/WebKitWeightWatcher600.ttf');
32    }
33    @font-face {
34        font-family: 'WebKit WeightWatcher';
35        font-weight: 700;
36        src:  url('../../resources/WebKitWeightWatcher700.ttf');
37    }
38    @font-face {
39        font-family: 'WebKit WeightWatcher';
40        font-weight: 800;
41        src:  url('../../resources/WebKitWeightWatcher800.ttf');
42    }
43    @font-face {
44        font-family: 'WebKit WeightWatcher';
45        font-weight: 900;
46        src:  url('../../resources/WebKitWeightWatcher900.ttf');
47    }
48
49    .target {
50        display: inline-block;
51        font-family: 'WebKit WeightWatcher';
52        font-size: 20px;
53    }
54    .replica {
55        color: green;
56        margin-right: 30px;
57    }
58
59</style>
60<template id="target-template">A</template>
61<script src="../testharness/testharness.js"></script>
62<script src="../testharness/testharnessreport.js"></script>
63<script src="resources/interpolation-test.js"></script>
64<script>
65    assertInterpolation({
66        property: 'font-weight',
67        from: '100',
68        to: '900'
69        }, [
70        {at: 0/8, is: '100'},
71        {at: 1/8, is: '200'},
72        {at: 2/8, is: '300'},
73        {at: 3/8, is: '400'},
74        {at: 4/8, is: '500'},
75        {at: 5/8, is: '600'},
76        {at: 6/8, is: '700'},
77        {at: 7/8, is: '800'},
78        {at: 8/8, is: '900'},
79
80        {at: 0.10/8, is: '100'},
81        {at: 0.49/8, is: '100'},
82        {at: 0.50/8, is: '200'},
83        {at: 0.51/8, is: '200'},
84        {at: 0.90/8, is: '200'},
85        {at: 7.10/8, is: '800'},
86        {at: 7.49/8, is: '800'},
87        {at: 7.50/8, is: '900'},
88        {at: 7.51/8, is: '900'},
89
90        {at: -0.1, is: '100'},
91        {at: 1.1, is: '900'},
92    ]);
93</script>
94