summaryrefslogtreecommitdiffstats
path: root/layout/reftests/cssom/computed-style-cross-window.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/cssom/computed-style-cross-window.html')
-rw-r--r--layout/reftests/cssom/computed-style-cross-window.html62
1 files changed, 62 insertions, 0 deletions
diff --git a/layout/reftests/cssom/computed-style-cross-window.html b/layout/reftests/cssom/computed-style-cross-window.html
new file mode 100644
index 0000000000..547e840cab
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>getComputedStyle across windows</title>
+<style>
+p { color: blue }
+
+div { margin: 1em 0 }
+</style>
+
+<script>
+
+var gRunCount = 2;
+
+function run() {
+ if (--gRunCount != 0)
+ return;
+
+ var i = document.getElementById("i");
+
+ var pout = document.getElementById("out");
+ var poutnone = document.getElementById("outnone");
+ var pin = i.contentDocument.getElementsByTagName("p")[0];
+ var pinnone = i.contentDocument.getElementsByTagName("p")[1];
+
+ document.getElementById("res1").style.color =
+ window.getComputedStyle(pin).color;
+
+ document.getElementById("res2").style.color =
+ i.contentWindow.getComputedStyle(pout).color;
+
+ document.getElementById("res3").style.color =
+ window.getComputedStyle(pinnone).color;
+
+ document.getElementById("res4").style.color =
+ i.contentWindow.getComputedStyle(poutnone).color;
+
+ document.documentElement.removeAttribute("class");
+}
+
+</script>
+<body onload="run()">
+
+<p id="out">This is a paragraph outside the iframe.</p>
+<div style="display:none"><p id="outnone">This is a paragraph outside the iframe.</p></div>
+
+<iframe id="i" src="computed-style-cross-window-inner.html" onload="run()"></iframe>
+
+<div id="res1">This paragraph is the color that
+outerWindow.getComputedStyle says the paragraph inside the iframe
+is.</div>
+
+<div id="res2">This paragraph is the color that
+iframeWindow.getComputedStyle says the paragraph outside the iframe
+is.</div>
+
+<div id="res3">This paragraph is the color that
+outerWindow.getComputedStyle says the display:none paragraph inside the
+iframe is.</div>
+
+<div id="res4">This paragraph is the color that
+iframeWindow.getComputedStyle says the display:none paragraph outside
+the iframe is.</div>