1<!DOCTYPE html> 2 3<html> 4<head> 5 <!-- 6 This content was originally intended as a layout test, but the sequencing performed by 7 queueBackNavigation/queueForwardNavigation differs somehow from what occurs when hitting 8 the back and forward buttons, so the error does not occur. I've left all the LayoutTestController 9 logic in the test in case this is fixed in the future. 10 --> 11 12 <title>Show composited iframe contents when navigating back to page</title> 13 <style type="text/css" media="screen"> 14 #box { 15 background-color: red; 16 width: 100px; 17 height: 100px; 18 -webkit-transform: translateZ(0); 19 } 20 iframe { 21 margin: 20px; 22 height: 250px; 23 width: 250px; 24 border: 1px solid black; 25 } 26 27 .composited { 28 -webkit-transform: translateZ(0); 29 } 30 31 </style> 32 <script type="text/javascript" charset="utf-8"> 33 var dumpLayerTree = function() 34 { 35 if (window.layoutTestController) { 36 document.getElementById('layers').innerHTML += "Layer Tree after\n\n"+layoutTestController.layerTreeAsText()+"\n\n"; 37 } 38 } 39 40 if (window.layoutTestController) { 41 layoutTestController.dumpAsText(); 42 } 43 44 function onPageShow(evt) 45 { 46 if (!evt.persisted && window.layoutTestController) { 47 // this is the first time the page has been loaded, then setup the 48 // to-be-tested scenario. 49 document.getElementById('layers').innerHTML = "Layer Tree before\n\n"+layoutTestController.layerTreeAsText()+"\n\n"; 50 layoutTestController.queueLoad("resources/subframe.html"); 51 layoutTestController.queueBackNavigation(1); 52 layoutTestController.queueForwardNavigation(1); 53 layoutTestController.queueBackNavigation(1); 54 layoutTestController.queueNonLoadingScript("dumpLayerTree()"); 55 } 56 } 57 58 window.onpageshow = onPageShow; 59 </script> 60</head> 61<body> 62<p> 63 This page has a composited iframe. When navigating to a new page and then back to this one, the iframe contents should show up. 64</p> 65 Click on the following URL and then click back. When navigating back to this page, the blue box inside the black rectangle 66 should show up. 67</p> 68<pre> 69 <a href="http://apple.com">http://apple.com</a> 70</pre> 71 <div id=box></div> 72 <iframe id="iframe" scrolling="no" src="resources/composited-subframe.html"></iframe> 73<br> 74<pre id="layers"></pre> 75</body> 76</html> 77