1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
6 <title>Reflection Redraw</title>
7 <style type="text/css" media="screen">
18 -webkit-box-sizing: border-box;
20 border: 1px solid black;
21 background-color: gray;
24 background-color: gray;
25 -webkit-box-reflect: left 5px;
29 <script src="resources/repaint.js" type="text/javascript" charset="utf-8"></script>
30 <script type="text/javascript" charset="utf-8">
31 if (window.testRunner)
32 testRunner.waitUntilDone();
34 function repaintTest()
36 var paras = document.getElementsByTagName('p');
37 window.console.log('here')
38 for (var i = 0; i < paras.length; ++i)
39 paras[i].style.color = 'green';
45 if (window.testRunner)
46 testRunner.notifyDone();
50 <body onload="startTest()">
52 <div class="box reflect-top" style="left: 275px; -webkit-box-reflect: above 10px;">
53 <p>The color of this text in the reflection should be green</p>
56 <div class="box reflect-left" style="top: 110px; left: 200px; -webkit-box-reflect: left 10px;">
57 <p>The color of this text in the reflection should be green</p>
60 <div class="box reflect-right" style="top: 110px; left: 350px; -webkit-box-reflect: right 10px;">
61 <p>The color of this text in the reflection should be green</p>
64 <div class="box reflect-bottom" style="top: 220px; left: 275px; -webkit-box-reflect: below 10px;">
65 <p>The color of this text in the reflection should be green</p>