| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 .test-div | 5 .test-div |
| 6 { | 6 { |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 text-align: center; | 9 text-align: center; |
| 10 background-color: gray; | 10 background-color: gray; |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 60 <div class="test-div"> | 60 <div class="test-div"> |
| 61 <script>addTestCanvas("test0", "");</script> | 61 <script>addTestCanvas("test0", "");</script> |
| 62 </div> | 62 </div> |
| 63 </td> | 63 </td> |
| 64 | 64 |
| 65 <!-- This test draws a single-sided canvas facing away from the screen. This | 65 <!-- This test draws a single-sided canvas facing away from the screen. This |
| 66 should not appear. --> | 66 should not appear. --> |
| 67 | 67 |
| 68 <td> | 68 <td> |
| 69 <div class="test-div"> | 69 <div class="test-div"> |
| 70 <script>addTestCanvas("test1", "-webkit-transform: rotateY(180deg);");</scri
pt> | 70 <script>addTestCanvas("test1", "transform: rotateY(180deg);");</script> |
| 71 </div> | 71 </div> |
| 72 </td> | 72 </td> |
| 73 | 73 |
| 74 <!-- This test rotates the div away from the screen, but keeps the | 74 <!-- This test rotates the div away from the screen, but keeps the |
| 75 single-sided canvas facing towards its div. This should appear. --> | 75 single-sided canvas facing towards its div. This should appear. --> |
| 76 | 76 |
| 77 <td> | 77 <td> |
| 78 <div class="test-div" style="-webkit-transform: rotateY(180deg)"> | 78 <div class="test-div" style="transform: rotateY(180deg)"> |
| 79 <script>addTestCanvas("test2", "");</script> | 79 <script>addTestCanvas("test2", "");</script> |
| 80 </div> | 80 </div> |
| 81 </td> | 81 </td> |
| 82 | 82 |
| 83 </tr><tr> | 83 </tr><tr> |
| 84 | 84 |
| 85 <!-- This test draws a canvas inside a div which is double-sided and does not | 85 <!-- This test draws a canvas inside a div which is double-sided and does not |
| 86 face the screen. This should not appear because preserve-3d is set for | 86 face the screen. This should not appear because preserve-3d is set for |
| 87 the parent div. --> | 87 the parent div. --> |
| 88 | 88 |
| 89 <td> | 89 <td> |
| 90 <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-trans
form-style: preserve-3d;"> | 90 <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-sty
le: preserve-3d;"> |
| 91 <script>addTestCanvas("test3", "");</script> | 91 <script>addTestCanvas("test3", "");</script> |
| 92 </div> | 92 </div> |
| 93 </td> | 93 </td> |
| 94 | 94 |
| 95 <!-- This test draws a canvas inside a div which is single-sided and does not | 95 <!-- This test draws a canvas inside a div which is single-sided and does not |
| 96 face the screen. This should appear because preserve-3d is set for the | 96 face the screen. This should appear because preserve-3d is set for the |
| 97 parent div. --> | 97 parent div. --> |
| 98 | 98 |
| 99 <td> | 99 <td> |
| 100 <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-trans
form-style: preserve-3d; -webkit-backface-visibility: hidden;"> | 100 <div class="test-div" style="transform: rotateY(180deg); -webkit-transform-sty
le: preserve-3d; -webkit-backface-visibility: hidden;"> |
| 101 <script>addTestCanvas("test4", "-webkit-transform: rotateY(180deg);");</scri
pt> | 101 <script>addTestCanvas("test4", "transform: rotateY(180deg);");</script> |
| 102 </div> | 102 </div> |
| 103 </td> | 103 </td> |
| 104 | 104 |
| 105 <!-- This test draws a canvas inside a div which is single-sided and does not | 105 <!-- This test draws a canvas inside a div which is single-sided and does not |
| 106 face the screen. This should not appear because preserve-3d is not set | 106 face the screen. This should not appear because preserve-3d is not set |
| 107 for the parent div. --> | 107 for the parent div. --> |
| 108 | 108 |
| 109 <td> | 109 <td> |
| 110 <div class="test-div" style="-webkit-transform: rotateY(180deg); -webkit-backf
ace-visibility: hidden;"> | 110 <div class="test-div" style="transform: rotateY(180deg); -webkit-backface-visi
bility: hidden;"> |
| 111 <script>addTestCanvas("test5", "-webkit-transform: rotateY(180deg);")</scrip
t> | 111 <script>addTestCanvas("test5", "transform: rotateY(180deg);")</script> |
| 112 </div> | 112 </div> |
| 113 </td> | 113 </td> |
| 114 | 114 |
| 115 </tr></table> | 115 </tr></table> |
| 116 | 116 |
| 117 | 117 |
| 118 <script> | 118 <script> |
| 119 if (window.testRunner) { | 119 if (window.testRunner) { |
| 120 /* Instruct the test runner that this is a pixel test */ | 120 /* Instruct the test runner that this is a pixel test */ |
| 121 testRunner.dumpAsTextWithPixelResults(); | 121 testRunner.dumpAsTextWithPixelResults(); |
| 122 document.write("<span style='position:absolute; top:-5000px'>This test is
only useful as a pixel test</span>"); | 122 document.write("<span style='position:absolute; top:-5000px'>This test is
only useful as a pixel test</span>"); |
| 123 } | 123 } |
| 124 </script> | 124 </script> |
| 125 | 125 |
| 126 </body> | 126 </body> |
| 127 </html> | 127 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master