| <!DOCTYPE html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| if (window.internals) |
| internals.clearMemoryCache(); |
| |
| var fontFace1 = new FontFace("family1", "url('asdf')", {}); |
| var fontFace2 = new FontFace("family2", "url('asdf')", {}); |
| var fontFace3 = new FontFace("family3", "url('../../resources/Ahem.ttf')", {}); |
| var fontFace4 = new FontFace("family3", "url('../../resources/Ahem.ttf')", {'weight': 'bold'}); |
| var fontFace5 = new FontFace("family5", "url('../../resources/Ahem.otf')", {}); |
| |
| shouldThrow("new FontFaceSet()"); |
| shouldBe("new FontFaceSet([]).size", "0"); |
| shouldBe("new FontFaceSet([fontFace1]).size", "1"); |
| shouldThrowErrorName("new FontFaceSet(1)", "TypeError"); |
| shouldThrowErrorName("new FontFaceSet('hello')", "TypeError"); |
| shouldBe("new FontFaceSet(new Set([fontFace1])).size", "1"); |
| shouldBe("x = { [Symbol.iterator]: function*() { yield fontFace1; yield fontFace2; } }; new FontFaceSet(x).size", "2"); |
| shouldThrowErrorName("x = { [Symbol.iterator]: 1 }; new FontFaceSet(x)", "TypeError"); |
| shouldThrowErrorName("x = { [Symbol.iterator]: null }; new FontFaceSet(x)", "TypeError"); |
| shouldThrowErrorName("x = { [Symbol.iterator]: function*() { yield fontFace1; throw {name: 'SomeError', toString: () => 'Some error'}; } }; new FontFaceSet(x)", "SomeError"); |
| |
| var fontFaceSet = new FontFaceSet([]); |
| shouldBeEqualToString("fontFaceSet.status", "loaded"); |
| fontFaceSet.add(fontFace1); |
| |
| // FIXME: FontFaceSet should use setlike<FontFace>, not iterable<FontFace> and should not have an entries() method. |
| var iterator = fontFaceSet.entries(); |
| var item = iterator.next(); |
| shouldBeFalse("item.done"); |
| shouldBe("item.value", "fontFace1"); |
| item = iterator.next(); |
| shouldBeTrue("item.done"); |
| shouldBe("item.value", "undefined"); |
| |
| iterator = fontFaceSet.keys(); |
| item = iterator.next(); |
| shouldBeFalse("item.done"); |
| shouldBe("item.value", "fontFace1"); |
| item = iterator.next(); |
| shouldBeTrue("item.done"); |
| |
| iterator = fontFaceSet.values(); |
| item = iterator.next(); |
| shouldBeFalse("item.done"); |
| shouldBe("item.value", "fontFace1"); |
| item = iterator.next(); |
| shouldBeTrue("item.done"); |
| |
| var value1, value2, set; |
| fontFaceSet.forEach(function(v1, v2, s){ |
| value1 = v1; |
| value2 = v2; |
| set = s; |
| shouldBe("fontFaceSet", "set"); |
| shouldBe("value1", "value2"); |
| }); |
| |
| shouldBe("fontFaceSet.add(fontFace2)", "fontFaceSet"); |
| shouldBe("fontFaceSet.size", "2"); |
| |
| shouldThrow("fontFaceSet.add(null)"); |
| |
| iterator = fontFaceSet.keys(); |
| item = iterator.next(); |
| shouldBeFalse("item.done"); |
| shouldBe("item.value", "fontFace1"); |
| item = iterator.next(); |
| shouldBeFalse("item.done"); |
| shouldBe("item.value", "fontFace2"); |
| item = iterator.next(); |
| shouldBeTrue("item.done"); |
| |
| shouldBe("fontFaceSet.delete(fontFace1)", "true"); |
| shouldBe("fontFaceSet.delete(fontFace3)", "false"); |
| |
| shouldThrow("fontFaceSet.delete(null)"); |
| |
| shouldBeFalse("fontFaceSet.has(fontFace1)"); |
| shouldBeTrue("fontFaceSet.has(fontFace2)"); |
| shouldThrow("fontFaceSet.has(null)"); |
| |
| fontFaceSet.clear(); |
| |
| shouldBe("fontFaceSet.size", "0"); |
| shouldBeTrue("fontFaceSet.values().next().done"); |
| shouldThrow("fontFaceSet.check('garbage')"); |
| shouldBeTrue("fontFaceSet.check('16px garbage')"); |
| |
| self.jsTestIsAsync = true; |
| fontFaceSet.add(fontFace1); |
| shouldBeFalse("fontFaceSet.check('16px family1')"); |
| var item; |
| fontFaceSet.load("garbage").then(function(arg) { |
| testFailed("Should not be able to parse garbage"); |
| finishJSTest(); |
| }, function(arg) { |
| item = arg; |
| shouldBe("item.code", "item.SYNTAX_ERR"); |
| shouldBeFalse("fontFaceSet.check('16px family1')"); |
| return fontFaceSet.load("16px garbage"); |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "[]"); |
| return fontFaceSet.load("16px family1"); |
| }, function(arg) { |
| testFailed("Should not be able to parse garbage"); |
| finishJSTest(); |
| }).then(function(arg) { |
| testFailed("Bogus URL should not load"); |
| finishJSTest(); |
| }, function(arg) { |
| item = arg; |
| shouldBe("item.code", "item.NETWORK_ERR"); |
| fontFaceSet.add(fontFace3); |
| shouldBeFalse("fontFaceSet.check('16px family3')"); |
| var result = fontFaceSet.load("16px family3"); |
| shouldBeEqualToString("fontFaceSet.status", "loading"); |
| return result; |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "[fontFace3]"); |
| shouldBeTrue("fontFaceSet.check('16px family3')"); |
| shouldBeEqualToString("fontFaceSet.status", "loaded"); |
| var result = fontFaceSet.load("16px family3"); // Test when it's in the cache. |
| shouldBeEqualToString("fontFaceSet.status", "loaded"); |
| return result; |
| }, function(arg) { |
| testFailed("Real URL should load"); |
| finishJSTest(); |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "[fontFace3]"); |
| fontFaceSet.add(fontFace4); |
| return fontFaceSet.load("16px family3"); |
| }, function(arg) { |
| testFailed("Real URL should load"); |
| finishJSTest(); |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "[fontFace3]"); |
| fontFaceSet.add(fontFace4); |
| fontFaceSet.load("16px family3"); |
| return fontFaceSet.ready; |
| }, function(arg) { |
| testFailed("Multiple matching faces should load"); |
| finishJSTest(); |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "fontFaceSet"); |
| fontFaceSet.add(fontFace5); |
| shouldBeEqualToString("fontFaceSet.status", "loaded"); |
| fontFaceSet.load("16px family5"); |
| shouldBeEqualToString("fontFaceSet.status", "loading"); |
| return fontFaceSet.ready; |
| }, function(arg) { |
| testFailed("Ready attribute should never fail"); |
| finishJSTest(); |
| }).then(function(arg) { |
| item = arg; |
| shouldBe("item", "fontFaceSet"); |
| }, function(arg) { |
| testFailed("Ready attribute should never fail"); |
| }).then(function() { |
| return Object.getOwnPropertyDescriptor(Object.getPrototypeOf(fontFaceSet), 'ready').get.apply(fontFace5); |
| }).then(function(arg) { |
| testFailed("Ready attribute should be rejected when used with an object which is not FontFaceSet"); |
| finishJSTest(); |
| }, function(arg) { |
| testPassed("" + arg); |
| finishJSTest(); |
| }); |
| shouldBeEqualToString("fontFaceSet.status", "loaded"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
