michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet type="text/css" href="chrome://global/skin"?>
michael@0: <window title="Content/chrome integration subwindow"
michael@0:         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:         onload="runTests()">\
michael@0:   <!-- We're mainly testing that a) translucent chrome elements cause the plugin to be clipped away and
michael@0:        b) translucent content elements do NOT cause the plugin to be clipped away -->
michael@0:   <stack style="height:100px; width:150px;">
michael@0:     <iframe type="content" style="border:none;" id="f"
michael@0:             src="data:text/html,&lt;embed id='e' type='application/x-test' wmode='window'
michael@0:                                 style='position:absolute;left:0;top:0;width:100px;height:100px'&gt;&lt;/embed&gt;
michael@0:                                 &lt;div style='position:absolute;left:0;top:80px;width:100px;height:10px;background:rgba(0,0,128,0.5)'&gt;&lt;/div&gt;
michael@0:                                 &lt;div style='position:absolute;left:0;top:90px;width:100px;height:10px;background:blue'&gt;&lt;/div&gt;
michael@0:                                 "/>
michael@0:     <vbox>
michael@0:       <vbox style="height:25px; background:yellow;"/> <!-- plugin should be covered here -->
michael@0:       <vbox style="height:25px; background:rgba(0,128,0,0.5);"/> <!-- plugin should be covered here -->
michael@0:       <vbox style="height:50px;"/> <!-- plugin should be visible here -->
michael@0:     </vbox>
michael@0:   </stack>
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:     <![CDATA[
michael@0:     var imports = [ "SimpleTest", "is", "isnot", "ok", "todo" ];
michael@0:     for each (var name in imports) {
michael@0:       window[name] = window.opener.wrappedJSObject[name];
michael@0:     }
michael@0: 
michael@0:     var plugin;
michael@0:     function waitForPaint() {
michael@0:       if (plugin.getPaintCount() < 1) {
michael@0:         setTimeout(waitForPaint, 0);
michael@0:         return;
michael@0:       }
michael@0: 
michael@0:       if (plugin.hasWidget()) {
michael@0:         is(plugin.getClipRegionRectCount(), 1, "plugin clip rect count");
michael@0:         var left = plugin.getEdge(0);
michael@0:         var top = plugin.getEdge(1);
michael@0:         is(plugin.getClipRegionRectEdge(0,0) - left, 0, "plugin clip rect left");
michael@0:         // our two vboxes with backgrounds should cause the top of the plugin to be clipped
michael@0:         is(plugin.getClipRegionRectEdge(0,1) - top, 50, "plugin clip rect top");
michael@0:         is(plugin.getClipRegionRectEdge(0,2) - left, 100, "plugin clip rect right");
michael@0:         // of the two content DIVs, the first one should not cause the plugin to be clipped because
michael@0:         // it's transparent. The second one should cause the plugin to be clipped.
michael@0:         is(plugin.getClipRegionRectEdge(0,3) - top, 90, "plugin clip rect bottom");
michael@0:       } else {
michael@0:         todo(false, "Test only tests windowed plugins");
michael@0:       }
michael@0: 
michael@0:       var tester = window.SimpleTest;
michael@0:       window.close();
michael@0:       tester.finish();
michael@0:     }
michael@0: 
michael@0:     function runTests() {
michael@0:       plugin = document.getElementById("f").contentDocument.getElementById("e").wrappedJSObject;
michael@0:       waitForPaint();
michael@0:     }
michael@0:     ]]>
michael@0:   </script>
michael@0: </window>