OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
4 <div id="target" style="width: 200px; height: 100px; display: inline-block"></di
v> | 4 <div id="target" style="width: 200px; height: 100px; display: inline-block"></di
v> |
5 <script src="resources/parsing-test-helper.js"></script> | 5 <script src="resources/parsing-test-helper.js"></script> |
6 <script> | 6 <script> |
7 expect = expect.bind(this, 'perspective-origin', 'perspectiveOrigin'); | 7 expect = expect.bind(this, 'perspective-origin', 'perspectiveOrigin'); |
8 | 8 |
9 expect('initial').parsesAs('initial').isComputedTo('100px 50px'); | 9 expect('initial').parsesAs('initial').isComputedTo('100px 50px'); |
10 expect('inherit').parsesAs('inherit'); | 10 expect('inherit').parsesAs('inherit'); |
11 | 11 |
12 expect('left').parsesAs('left center').isComputedTo('0px 50px'); | 12 expect('left').parsesAs('left center').isComputedTo('0px 50px'); |
13 expect('center').parsesAs('center center').isComputedTo('100px 50px'); | 13 expect('center').parsesAs('center center').isComputedTo('100px 50px'); |
14 expect('right').parsesAs('right center').isComputedTo('200px 50px'); | 14 expect('right').parsesAs('right center').isComputedTo('200px 50px'); |
15 expect('top').parsesAs('center top'); | 15 expect('top').parsesAs('center top'); |
16 expect('bottom').parsesAs('center bottom'); | 16 expect('bottom').parsesAs('center bottom'); |
17 expect('0').parsesAs('0px center'); | 17 expect('0').parsesAs('0px center'); |
18 expect('10%').parsesAs('10% center').isComputedTo('20px 50px'); | 18 expect('10%').parsesAs('10% center').isComputedTo('20px 50px'); |
19 expect('10px').parsesAs('10px center').isComputedTo('10px 50px'); | 19 expect('10px').parsesAs('10px center').isComputedTo('10px 50px'); |
20 | 20 |
21 expect('left top').parsesAs('left top'); | 21 expect('left top').parsesAs('left top'); |
22 expect('right bottom').parsesAs('right bottom'); | 22 expect('right bottom').parsesAs('right bottom'); |
23 expect('center center').parsesAs('center center').isComputedTo('100px 50px'); | 23 expect('center center').parsesAs('center center').isComputedTo('100px 50px'); |
24 expect('center top').parsesAs('center top'); | 24 expect('center top').parsesAs('center top'); |
25 expect('center left').parsesAs('left center'); | 25 expect('center left').parsesAs('left center'); |
| 26 expect('center 10%').parsesAs('center 10%').isComputedTo('100px 10px'); |
26 expect('top right').parsesAs('right top'); | 27 expect('top right').parsesAs('right top'); |
27 expect('left 10%').parsesAs('left 10%'); | 28 expect('left 10%').parsesAs('left 10%'); |
28 expect('left 10px').parsesAs('left 10px'); | 29 expect('left 10px').parsesAs('left 10px'); |
| 30 expect('left 10% center').parsesAs('left 10% center'); |
29 expect('10% top').parsesAs('10% top'); | 31 expect('10% top').parsesAs('10% top'); |
30 expect('10px top').parsesAs('10px top'); | 32 expect('10px top').parsesAs('10px top'); |
31 expect('10px 20%').parsesAs('10px 20%'); | 33 expect('10px 20%').parsesAs('10px 20%'); |
32 expect('0 0').parsesAs('0px 0px'); | 34 expect('0 0').parsesAs('0px 0px'); |
33 expect('0px 10%').parsesAs('0px 10%').isComputedTo('0px 10px'); | 35 expect('0px 10%').parsesAs('0px 10%').isComputedTo('0px 10px'); |
34 expect('0px 20px').parsesAs('0px 20px').isComputedTo('0px 20px'); | 36 expect('0px 20px').parsesAs('0px 20px').isComputedTo('0px 20px'); |
35 expect('0px top').parsesAs('0px top').isComputedTo('0px 0px'); | 37 expect('0px top').parsesAs('0px top').isComputedTo('0px 0px'); |
36 expect('0px bottom').parsesAs('0px bottom').isComputedTo('0px 100px'); | 38 expect('0px bottom').parsesAs('0px bottom').isComputedTo('0px 100px'); |
37 expect('0px center').parsesAs('0px center').isComputedTo('0px 50px'); | 39 expect('0px center').parsesAs('0px center').isComputedTo('0px 50px'); |
38 | 40 |
39 expect('center right 20%').parsesAs('right 20% center'); | 41 expect('center right 20%').parsesAs('right 20% center'); |
40 expect('left bottom 30px').parsesAs('left bottom 30px'); | 42 expect('left bottom 30px').parsesAs('left bottom 30px'); |
41 expect('top right 30px').parsesAs('right 30px top'); | 43 expect('top right 30px').parsesAs('right 30px top'); |
42 | 44 |
43 expect('left 30px bottom 20px').parsesAs('left 30px bottom 20px'); | 45 expect('left 30px bottom 20px').parsesAs('left 30px bottom 20px'); |
44 expect('top 10px left 20px').parsesAs('left 20px top 10px'); | 46 expect('top 10px left 20px').parsesAs('left 20px top 10px'); |
45 expect('top 40px right 15%').parsesAs('right 15% top 40px'); | 47 expect('top 40px right 15%').parsesAs('right 15% top 40px'); |
| 48 expect('top center').parsesAs('center top'); |
46 | 49 |
47 expect('left right').isInvalid(); | 50 expect('left right').isInvalid(); |
48 expect('top bottom').isInvalid(); | 51 expect('top bottom').isInvalid(); |
49 expect('none').isInvalid(); | 52 expect('none').isInvalid(); |
50 expect('20').isInvalid(); | 53 expect('20').isInvalid(); |
51 expect('10% 20% 30%').isInvalid(); | 54 expect('10% 20% 30%').isInvalid(); |
52 expect('top 10%').isInvalid(); | 55 expect('top 10%').isInvalid(); |
53 expect('bottom 10%').isInvalid(); | 56 expect('bottom 10%').isInvalid(); |
54 expect('50% 50% 0px').isInvalid(); | 57 expect('50% 50% 0px').isInvalid(); |
| 58 |
| 59 expect('left center top').isInvalid(); |
| 60 expect('left center 10%').isInvalid(); |
| 61 expect('left top center').isInvalid(); |
| 62 expect('left 10% right').isInvalid(); |
| 63 expect('left 10% 20%').isInvalid(); |
| 64 expect('center center left').isInvalid(); |
| 65 expect('center center 10%').isInvalid(); |
| 66 expect('10% left').isInvalid(); |
| 67 expect('10% top 20%').isInvalid(); |
55 </script> | 68 </script> |
OLD | NEW |