| OLD | NEW |
|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | 3 |
| 4 <html lang="en"> | 4 <html lang="en"> |
| 5 <head> | 5 <head> |
| 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 7 <title>Transform Origin</title> | 7 <title>Transform Origin</title> |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 .container { | 9 .container { |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 var computedSpanTransform = window.getComputedStyle(testSpan).webkitTran
sform; | 67 var computedSpanTransform = window.getComputedStyle(testSpan).webkitTran
sform; |
| 68 // compare expected result to computed transformation matrix | 68 // compare expected result to computed transformation matrix |
| 69 var success = compareTransform(curTest.result, computedTransform); | 69 var success = compareTransform(curTest.result, computedTransform); |
| 70 var result; | 70 var result; |
| 71 if (success) | 71 if (success) |
| 72 result = curTest.transform + ' expected <code>' + curTest.result + '</
code> : PASS'; | 72 result = curTest.transform + ' expected <code>' + curTest.result + '</
code> : PASS'; |
| 73 else | 73 else |
| 74 result = curTest.transform + ' expected <code>' + curTest.result + '</
code>, got <code>' + computedTransform + '</code> : FAIL'; | 74 result = curTest.transform + ' expected <code>' + curTest.result + '</
code>, got <code>' + computedTransform + '</code> : FAIL'; |
| 75 resultsBox.innerHTML += result + '<br>'; | 75 resultsBox.innerHTML += result + '<br>'; |
| 76 | 76 |
| 77 if (computedSpanTransform !== 'none') { | |
| 78 result = curTest.transform + ' applied to a non-box element: ' + ' exp
ected <code>none</code> got <code>' + computedSpanTransform + '</code> : FAIL'; | |
| 79 resultsBox.innerHTML += result + '<br>'; | |
| 80 } | |
| 81 }); | 77 }); |
| 82 | 78 |
| 83 if (window.testRunner) | 79 if (window.testRunner) |
| 84 testRunner.notifyDone(); | 80 testRunner.notifyDone(); |
| 85 } | 81 } |
| 86 </script> | 82 </script> |
| 87 </head> | 83 </head> |
| 88 <body onload="runTests()"> | 84 <body onload="runTests()"> |
| 89 | 85 |
| 90 <div class="container"> | 86 <div class="container"> |
| 91 <div id="test-box" class="box"></div> | 87 <div id="test-box" class="box"></div> |
| 92 </div> | 88 </div> |
| 93 | 89 |
| 94 <span id="test-span" class="box"></span> | 90 <span id="test-span" class="box"></span> |
| 95 | 91 |
| 96 <div id="results"> | 92 <div id="results"> |
| 97 </div> | 93 </div> |
| 98 </body> | 94 </body> |
| 99 </html> | 95 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1312023003:
Make getComputedStyle(e).transform return correct values for non-transformable elements (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master