summaryrefslogtreecommitdiffstats
path: root/layout/reftests/cssom
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/cssom/computed-style-cross-window-inner.html6
-rw-r--r--layout/reftests/cssom/computed-style-cross-window-ref.html59
-rw-r--r--layout/reftests/cssom/computed-style-cross-window.html62
-rw-r--r--layout/reftests/cssom/inline-style-null-ref.html7
-rw-r--r--layout/reftests/cssom/inline-style-null.html13
-rw-r--r--layout/reftests/cssom/reftest.list2
6 files changed, 149 insertions, 0 deletions
diff --git a/layout/reftests/cssom/computed-style-cross-window-inner.html b/layout/reftests/cssom/computed-style-cross-window-inner.html
new file mode 100644
index 0000000000..370ed9bd5f
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window-inner.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<style>
+p { color: fuchsia }
+</style>
+<p>This is a paragraph inside the iframe.</p>
+<div style="display:none"><p>This is a paragraph inside the iframe.</p></div>
diff --git a/layout/reftests/cssom/computed-style-cross-window-ref.html b/layout/reftests/cssom/computed-style-cross-window-ref.html
new file mode 100644
index 0000000000..2a9db18bd8
--- /dev/null
+++ b/layout/reftests/cssom/computed-style-cross-window-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<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;
+}
+
+</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 style="color:fuchsia">This paragraph is the color that
+outerWindow.getComputedStyle says the paragraph inside the iframe
+is.</div>
+
+<div style="color:blue">This paragraph is the color that
+iframeWindow.getComputedStyle says the paragraph outside the iframe
+is.</div>
+
+<div style="color:fuchsia">This paragraph is the color that
+outerWindow.getComputedStyle says the display:none paragraph inside the
+iframe is.</div>
+
+<div style="color:blue">This paragraph is the color that
+iframeWindow.getComputedStyle says the display:none paragraph outside
+the iframe is.</div>
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>
diff --git a/layout/reftests/cssom/inline-style-null-ref.html b/layout/reftests/cssom/inline-style-null-ref.html
new file mode 100644
index 0000000000..90a8a0618a
--- /dev/null
+++ b/layout/reftests/cssom/inline-style-null-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<style>
+ div { color: green; }
+</style>
+<div>This text should be green</div>
+<div>This text should be green</div>
+<div>This text should be green</div>
diff --git a/layout/reftests/cssom/inline-style-null.html b/layout/reftests/cssom/inline-style-null.html
new file mode 100644
index 0000000000..4d3c36686c
--- /dev/null
+++ b/layout/reftests/cssom/inline-style-null.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<style>
+ div { color: green; }
+ div#reverse { color: red; }
+</style>
+<div id="null" style="color: red">This text should be green</div>
+<div id="emptystring"style="color: red">This text should be green</div>
+<div id="reverse" style="color: green">This text should be green</div>
+<script>
+ document.getElementById("null").style.color = null;
+ document.getElementById("emptystring").style.color = "";
+ document.getElementById("reverse").style.color = "some invalid color string";
+</script>
diff --git a/layout/reftests/cssom/reftest.list b/layout/reftests/cssom/reftest.list
new file mode 100644
index 0000000000..bec72ca7f6
--- /dev/null
+++ b/layout/reftests/cssom/reftest.list
@@ -0,0 +1,2 @@
+fuzzy(0-2,0-5) == computed-style-cross-window.html computed-style-cross-window-ref.html
+== inline-style-null.html inline-style-null-ref.html