<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[37455] trunk/LayoutTests</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/37455">37455</a></dd>
<dt>Author</dt> <dd>cmarrin@apple.com</dd>
<dt>Date</dt> <dd>2008-10-09 17:04:19 -0700 (Thu, 09 Oct 2008)</dd>
</dl>

<h3>Log Message</h3>
<pre>2008-10-09  Chris Marrin  &lt;cmarrin@apple.com&gt;

        Reviewed by Darin Adler.

        More testcases for animation using font metrics
        https://bugs.webkit.org/show_bug.cgi?id=21246

        * animations/font-size-using-ems-expected.txt: Added.
        * animations/font-size-using-ems.html: Added.
        * animations/width-using-ems-expected.txt: Added.
        * animations/width-using-ems.html: Added.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsanimationsfontsizeusingemsexpectedtxt">trunk/LayoutTests/animations/font-size-using-ems-expected.txt</a></li>
<li><a href="#trunkLayoutTestsanimationsfontsizeusingemshtml">trunk/LayoutTests/animations/font-size-using-ems.html</a></li>
<li><a href="#trunkLayoutTestsanimationswidthusingemsexpectedtxt">trunk/LayoutTests/animations/width-using-ems-expected.txt</a></li>
<li><a href="#trunkLayoutTestsanimationswidthusingemshtml">trunk/LayoutTests/animations/width-using-ems.html</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (37454 => 37455)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2008-10-09 23:59:49 UTC (rev 37454)
+++ trunk/LayoutTests/ChangeLog        2008-10-10 00:04:19 UTC (rev 37455)
</span><span class="lines">@@ -1,3 +1,15 @@
</span><ins>+2008-10-09  Chris Marrin  &lt;cmarrin@apple.com&gt;
+
+        Reviewed by Darin Adler.
+
+        More testcases for animation using font metrics
+        https://bugs.webkit.org/show_bug.cgi?id=21246
+
+        * animations/font-size-using-ems-expected.txt: Added.
+        * animations/font-size-using-ems.html: Added.
+        * animations/width-using-ems-expected.txt: Added.
+        * animations/width-using-ems.html: Added.
+
</ins><span class="cx"> 2008-10-09  Gavin Barraclough  &lt;barraclough@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Reviewed by Cameron Zwarich.
</span></span></pre></div>
<a id="trunkLayoutTestsanimationsfontsizeusingemsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/animations/font-size-using-ems-expected.txt (0 => 37455)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/animations/font-size-using-ems-expected.txt                                (rev 0)
+++ trunk/LayoutTests/animations/font-size-using-ems-expected.txt        2008-10-10 00:04:19 UTC (rev 37455)
</span><span class="lines">@@ -0,0 +1,2 @@
</span><ins>+This test performs an animation of the font-size property using 'em' units. It tests whether or not we are properly getting the default font-size. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text.
+PASS
</ins></span></pre></div>
<a id="trunkLayoutTestsanimationsfontsizeusingemshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/animations/font-size-using-ems.html (0 => 37455)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/animations/font-size-using-ems.html                                (rev 0)
+++ trunk/LayoutTests/animations/font-size-using-ems.html        2008-10-10 00:04:19 UTC (rev 37455)
</span><span class="lines">@@ -0,0 +1,83 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
+   &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
+
+&lt;html lang=&quot;en&quot;&gt;
+&lt;head&gt;
+  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
+  &lt;title&gt;Test of font-size Animation Using em Units&lt;/title&gt;
+  &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
+    body {
+        font-family: &quot;arial&quot;;
+        font-size: 10px;    
+    }
+    
+    #box {
+        position: absolute;
+        left: 0;
+        top: 100px;
+        height: 250px;
+        width: 400px;
+        border: 1px solid black;
+        -webkit-animation-duration: 1s;
+        -webkit-animation-timing-function: linear;
+        -webkit-animation-name: &quot;anim&quot;;
+    }
+    @-webkit-keyframes &quot;anim&quot; {
+        from { font-size: 1em; }
+        to   { font-size: 2em; }
+    }
+    &lt;/style&gt;
+    &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
+    if (window.layoutTestController) {
+        layoutTestController.dumpAsText();
+        layoutTestController.waitUntilDone();
+    }
+    
+    result = &quot;PASS&quot;;
+    const defaultTolerance = 1;
+    
+    function isEqual(actual, desired, tolerance)
+    {
+        if (tolerance == undefined || tolerance == 0)
+            tolerance = defaultTolerance;
+        var diff = Math.abs(actual - desired);
+        return diff &lt; tolerance;
+    }
+    
+    function snapshot(expected)
+    {
+        if (result != &quot;PASS&quot;)
+            return;
+            
+        var fontSize = parseInt(window.getComputedStyle(document.getElementById('box')).fontSize);
+        if (!isEqual(fontSize, expected)) {
+            result = &quot;FAIL(was:&quot;+fontSize+&quot;, expected:&quot;+expected+&quot;)&quot;;
+        }
+    }
+
+    function start()
+    {
+        setTimeout(&quot;snapshot(13)&quot;, 333);
+        
+        window.setTimeout(function() {
+            document.getElementById('result').innerHTML = result;
+            if (window.layoutTestController)
+                layoutTestController.notifyDone();
+        }, 400);
+    }
+    
+    document.addEventListener('webkitAnimationStart', start, false);
+    
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body&gt;
+This test performs an animation of the font-size property using 'em' units. It tests whether or not we are properly 
+getting the default font-size.
+&lt;div id=&quot;box&quot;&gt;
+Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. 
+Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. 
+&lt;/div&gt;
+&lt;div id=&quot;result&quot;&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsanimationswidthusingemsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/animations/width-using-ems-expected.txt (0 => 37455)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/animations/width-using-ems-expected.txt                                (rev 0)
+++ trunk/LayoutTests/animations/width-using-ems-expected.txt        2008-10-10 00:04:19 UTC (rev 37455)
</span><span class="lines">@@ -0,0 +1,2 @@
</span><ins>+This test performs an animation of the width property using 'em' units. It tests whether or not we are properly getting the default font-size. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text.
+PASS
</ins></span></pre></div>
<a id="trunkLayoutTestsanimationswidthusingemshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/animations/width-using-ems.html (0 => 37455)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/animations/width-using-ems.html                                (rev 0)
+++ trunk/LayoutTests/animations/width-using-ems.html        2008-10-10 00:04:19 UTC (rev 37455)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
+   &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
+
+&lt;html lang=&quot;en&quot;&gt;
+&lt;head&gt;
+  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
+  &lt;title&gt;Test of width Animation Using em Units&lt;/title&gt;
+  &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
+    body {
+        font-family: &quot;arial&quot;;
+        font-size: 10px;    
+    }
+    
+    #box {
+        position: absolute;
+        left: 0;
+        top: 100px;
+        height: 100px;
+        width: 100px;
+        border: 1px solid black;
+        -webkit-animation-duration: 1s;
+        -webkit-animation-timing-function: linear;
+        -webkit-animation-name: &quot;anim&quot;;
+    }
+    @-webkit-keyframes &quot;anim&quot; {
+        from { width: 10em; }
+        to   { width: 20em; }
+    }
+    &lt;/style&gt;
+    &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
+    if (window.layoutTestController) {
+        layoutTestController.dumpAsText();
+        layoutTestController.waitUntilDone();
+    }
+    
+    result = &quot;PASS&quot;;
+    const defaultTolerance = 10;
+    
+    function isEqual(actual, desired, tolerance)
+    {
+        if (tolerance == undefined || tolerance == 0)
+            tolerance = defaultTolerance;
+        var diff = Math.abs(actual - desired);
+        return diff &lt; tolerance;
+    }
+    
+    function snapshot(expected)
+    {
+        if (result != &quot;PASS&quot;)
+            return;
+            
+        var width = parseInt(window.getComputedStyle(document.getElementById('box')).width);
+        if (!isEqual(width, expected)) {
+            result = &quot;FAIL(was:&quot;+width+&quot;, expected:&quot;+expected+&quot;)&quot;;
+        }
+    }
+
+    function start()
+    {
+        setTimeout(&quot;snapshot(133)&quot;, 333);
+        
+        window.setTimeout(function() {
+            document.getElementById('result').innerHTML = result;
+            if (window.layoutTestController)
+                layoutTestController.notifyDone();
+        }, 400);
+    }
+    
+    document.addEventListener('webkitAnimationStart', start, false);
+    
+  &lt;/script&gt;
+&lt;/head&gt;
+&lt;body&gt;
+This test performs an animation of the width property using 'em' units. It tests whether or not we are properly 
+getting the default font-size.
+&lt;div id=&quot;box&quot;&gt;
+Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. Here is some text. 
+&lt;/div&gt;
+&lt;div id=&quot;result&quot;&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre>
</div>
</div>

</body>
</html>