OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../resources/js-test.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
4 <style> | 4 <style> |
5 @font-face { | 5 @font-face { |
6 font-family: Font1; | 6 font-family: Font1; |
7 src: url(../../resources/Ahem.ttf); | 7 src: url(../../resources/Ahem.ttf); |
8 } | 8 } |
9 | 9 |
10 @font-face { | 10 @font-face { |
11 font-family: Font2; | 11 font-family: Font2; |
12 src: url(../../resources/DownLoadErrorAhem.otf); | 12 src: url(../../resources/DownLoadErrorAhem.otf); |
13 } | 13 } |
14 </style> | 14 </style> |
15 <script> | 15 <script> |
16 description('Tests load() and ready() methods of FontFace.'); | 16 description('Tests load() method of FontFace.'); |
17 | 17 |
18 window.jsTestIsAsync = true; | 18 window.jsTestIsAsync = true; |
19 | 19 |
20 function getDocumentFontFaces() { | 20 function getDocumentFontFaces() { |
21 var faces = []; | 21 var faces = []; |
22 document.fonts.forEach(function(face) { faces.push(face); }); | 22 document.fonts.forEach(function(face) { faces.push(face); }); |
23 return faces; | 23 return faces; |
24 } | 24 } |
25 | 25 |
26 function fail(message) { | 26 function fail(message) { |
27 return function() { | 27 return function() { |
28 testFailed(message); | 28 testFailed(message); |
29 finishJSTest(); | 29 finishJSTest(); |
30 }; | 30 }; |
31 } | 31 } |
32 | 32 |
33 function testStep1() { | 33 function testStep1() { |
34 var faces = getDocumentFontFaces(); | 34 var faces = getDocumentFontFaces(); |
35 face1 = faces[0]; | 35 face1 = faces[0]; |
36 face2 = faces[1]; | 36 face2 = faces[1]; |
37 | 37 |
38 face1.ready().then(testStep2, fail('face1.ready() rejected')); | |
39 shouldBeEqualToString('face1.status', 'unloaded'); | 38 shouldBeEqualToString('face1.status', 'unloaded'); |
40 face1.load(); | 39 face1.load().then(testStep2, fail('face1.load() rejected')); |
41 shouldBeEqualToString('face1.status', 'loading'); | 40 shouldBeEqualToString('face1.status', 'loading'); |
42 } | 41 } |
43 | 42 |
44 function testStep2() { | 43 function testStep2() { |
45 shouldBeEqualToString('face1.status', 'loaded'); | 44 shouldBeEqualToString('face1.status', 'loaded'); |
46 | 45 |
47 face2.ready().then(fail('face2.ready() fulfilled'), testStep3); | |
48 shouldBeEqualToString('face2.status', 'unloaded'); | 46 shouldBeEqualToString('face2.status', 'unloaded'); |
49 face2.load(); | 47 face2.load().then(fail('face2.load() fulfilled'), testStep3); |
50 shouldBeEqualToString('face2.status', 'loading'); | 48 shouldBeEqualToString('face2.status', 'loading'); |
51 } | 49 } |
52 | 50 |
53 function testStep3() { | 51 function testStep3() { |
54 shouldBeEqualToString('face2.status', 'error'); | 52 shouldBeEqualToString('face2.status', 'error'); |
55 | 53 |
56 face3 = new FontFace('Font3', 'url(../../resources/Ahem.ttf)', {}); | 54 face3 = new FontFace('Font3', 'url(../../resources/Ahem.ttf)', {}); |
57 face3.ready().then(testStep4, fail('face3.ready() rejected')); | |
58 shouldBeEqualToString('face3.status', 'unloaded'); | 55 shouldBeEqualToString('face3.status', 'unloaded'); |
59 face3.load(); | 56 face3.load().then(testStep4, fail('face3.load() rejected')); |
60 shouldBeEqualToString('face3.status', 'loading'); | 57 shouldBeEqualToString('face3.status', 'loading'); |
61 } | 58 } |
62 | 59 |
63 function testStep4() { | 60 function testStep4() { |
64 shouldBeEqualToString('face3.status', 'loaded'); | 61 shouldBeEqualToString('face3.status', 'loaded'); |
65 | 62 |
66 face4 = new FontFace('Font4', 'url(../../resources/DownLoadErrorAhem.otf)',
{}); | 63 face4 = new FontFace('Font4', 'url(../../resources/DownLoadErrorAhem.otf)',
{}); |
67 face4.ready().then(fail('face4.ready() fulfilled'), testStep5); | |
68 shouldBeEqualToString('face4.status', 'unloaded'); | 64 shouldBeEqualToString('face4.status', 'unloaded'); |
69 face4.load(); | 65 face4.load().then(fail('face4.load() fulfilled'), testStep5); |
70 shouldBeEqualToString('face4.status', 'loading'); | 66 shouldBeEqualToString('face4.status', 'loading'); |
71 } | 67 } |
72 | 68 |
73 function testStep5() { | 69 function testStep5() { |
74 shouldBeEqualToString('face4.status', 'error'); | 70 shouldBeEqualToString('face4.status', 'error'); |
75 finishJSTest(); | 71 finishJSTest(); |
76 } | 72 } |
77 | 73 |
78 if (document.fonts) | 74 if (document.fonts) |
79 testStep1(); | 75 testStep1(); |
80 else | 76 else |
81 testFailed('document.fonts does not exist'); | 77 testFailed('document.fonts does not exist'); |
82 | 78 |
83 </script> | 79 </script> |
84 </head> | 80 </head> |
85 <body> | 81 <body> |
86 </body> | 82 </body> |
87 </html> | 83 </html> |
OLD | NEW |