Chromium Code Reviews Chromium Code Reviews
Issue 171823002:
Make text visible when font loading takes longer than 3 seconds (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/http/tests/webfont/slow-loading.html |
| diff --git a/LayoutTests/http/tests/webfont/slow-loading.html b/LayoutTests/http/tests/webfont/slow-loading.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..d5dd05725040301f8b354d8cbe7ed5314efddf42 |
| --- /dev/null |
| +++ b/LayoutTests/http/tests/webfont/slow-loading.html |
| @@ -0,0 +1,74 @@ |
| +<html> |
| +<head> |
| +<style> |
| +@font-face { |
| + font-family:ahem-4sec; |
| + src: url(slow-ahem-loading.cgi?delay=4000); |
| +} |
| +@font-face { |
| + font-family:ahem-8sec; |
| + src: url(slow-ahem-loading.cgi?delay=8000); |
| +} |
| +@font-face { |
| + font-family:ahem-5sec; |
| + src: url(slow-ahem-loading.cgi?delay=5000); |
| +} |
| +.testspan { |
| + font-size:64px; |
| + border: 1px solid; |
| +} |
| +#span1 { |
| + font-family: ahem-4sec, Arial; |
| +} |
| +#span2 { |
| + font-family: ahem-8sec, Arial; |
| +} |
| +#span3 { |
| + font-family: ahem-5sec, Arial; |
| +} |
| +</style> |
| +</head> |
| +<body> |
| + |
| +Ahem after 5 seconds: |
| +<br/> |
| +<span class="testspan" id="span1" style="display: none;"> |
| +abcdefg |
| +</span> |
| +<br/> |
| + |
| +Arial after 5 seconds: |
| +<br/> |
| +<span class="testspan" id="span2" style="display: none;"> |
| +abcdefg |
| +</span> |
| +<br/> |
| + |
| +Blank after 5 seconds: |
| +<br/> |
| +<span class="testspan" id="span3" style="display: none;"> |
| +abcdefg |
| +</span> |
| +<br/> |
| + |
| +<script> |
| + |
| +if (window.testRunner) |
| + testRunner.waitUntilDone(); |
| + |
| +function displayElementAfter(id, msec) { |
| + setTimeout(function() { |
| + document.getElementById(id).style.removeProperty("display"); |
| + }, msec); |
| +} |
| + |
| +window.onload = function() { |
| + displayElementAfter("span1", 0); |
| + displayElementAfter("span2", 0); |
|
eae
2014/02/20 16:51:47
What is the purpose of the msec argument here and
Kunihiko Sakamoto
2014/02/21 03:38:24
For span3, we want to start the loading at T=3(sec
|
| + displayElementAfter("span3", 3000); |
| + setTimeout(function() { if (window.testRunner) testRunner.notifyDone(); }, 5000); |
| +}; |
| + |
| +</script> |
| +</body> |
| +</html> |
