Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(117)

Side by Side Diff: LayoutTests/compositing/gestures/gesture-tapHighlight-simple-div-boxshadow-absolute-expected.html

Issue 58533003: Move fast/js/resources files to resources. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../fast/js/resources/js-test-pre.js"></script> 4 <script src="../../resources/js-test.js"></script>
5 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css" > 5 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css" >
6 </head> 6 </head>
7 <body onload="runTest();"> 7 <body onload="runTest();">
8 <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute; "></div> 8 <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute; "></div>
9 <div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);"> 9 <div style="top: 10px; left: 10px; -webkit-transform: translateZ(0);">
10 <div id="targetDiv" style="position: absolute; left: 50px; top: 50px; width: 50p x; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;"> 10 <div id="targetDiv" style="position: absolute; left: 50px; top: 50px; width: 50p x; height: 50px; box-shadow: 0px 4px 23px 5px rgba(0, 0, 0, 0.2); border-style: solid; border-width: 2px;">
11 <br><center>Target</center><br> 11 <br><center>Target</center><br>
12 </div> 12 </div>
13 </div> 13 </div>
14 <div style="position: absolute; left: 10px; top: 250px; -webkit-transform: trans lateZ(0);"> 14 <div style="position: absolute; left: 10px; top: 250px; -webkit-transform: trans lateZ(0);">
15 This test is successful if the box labelled "Target" has a green rectangle cente red on it. 15 This test is successful if the box labelled "Target" has a green rectangle cente red on it.
16 </div> 16 </div>
17 <script> 17 <script>
18 function runTest() { 18 function runTest() {
19 var clientRect = document.getElementById('targetDiv').getBoundingClientRect( ); 19 var clientRect = document.getElementById('targetDiv').getBoundingClientRect( );
20 var highlight = document.getElementById('highlight'); 20 var highlight = document.getElementById('highlight');
21 21
22 highlight.style.left = clientRect.left + "px"; 22 highlight.style.left = clientRect.left + "px";
23 highlight.style.top = clientRect.top + "px"; 23 highlight.style.top = clientRect.top + "px";
24 highlight.style.width = clientRect.width + "px"; 24 highlight.style.width = clientRect.width + "px";
25 highlight.style.height = clientRect.height + "px"; 25 highlight.style.height = clientRect.height + "px";
26 26
27 if (window.testRunner) 27 if (window.testRunner)
28 testRunner.dumpAsTextWithPixelResults(); 28 testRunner.dumpAsTextWithPixelResults();
29 } 29 }
30 </script> 30 </script>
31 </body> 31 </body>
32 </html> 32 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698