michael@0: /* Make sure that "View Image Info" loads the correct image data */
michael@0: 
michael@0: function test() {
michael@0:   waitForExplicitFinish();
michael@0: 
michael@0:   gBrowser.selectedTab = gBrowser.addTab();
michael@0:   
michael@0:   gBrowser.selectedBrowser.addEventListener("load", function () {
michael@0:     gBrowser.selectedBrowser.removeEventListener("load", arguments.callee, true);
michael@0: 
michael@0:     var doc = gBrowser.contentDocument;
michael@0:     var testImg = doc.getElementById("test-image");
michael@0:     var pageInfo = BrowserPageInfo(doc, "mediaTab", testImg);
michael@0: 
michael@0:     pageInfo.addEventListener("load", function () {
michael@0:       pageInfo.removeEventListener("load", arguments.callee, true);
michael@0:       pageInfo.onImagePreviewShown.push(function () {
michael@0:         executeSoon(function () {
michael@0:           var pageInfoImg = pageInfo.document.getElementById("thepreviewimage");
michael@0: 
michael@0:           is(pageInfoImg.src, testImg.src, "selected image has the correct source");
michael@0:           is(pageInfoImg.width, testImg.width, "selected image has the correct width");
michael@0:           is(pageInfoImg.height, testImg.height, "selected image has the correct height");
michael@0: 
michael@0:           pageInfo.close();
michael@0:           gBrowser.removeCurrentTab();
michael@0:           finish();
michael@0:         });
michael@0:       });
michael@0:     }, true);
michael@0:   }, true);
michael@0: 
michael@0:   content.location =
michael@0:     "data:text/html," +
michael@0:     "<style type='text/css'>%23test-image,%23not-test-image {background-image: url('about:logo?c');}</style>" +
michael@0:     "<img src='about:logo?b' height=300 width=350 alt=2 id='not-test-image'>" +
michael@0:     "<img src='about:logo?b' height=300 width=350 alt=2>" +
michael@0:     "<img src='about:logo?a' height=200 width=250>" +
michael@0:     "<img src='about:logo?b' height=200 width=250 alt=1>" +
michael@0:     "<img src='about:logo?b' height=100 width=150 alt=2 id='test-image'>";
michael@0: }