diff options
Diffstat (limited to 'layout/reftests/cssom')
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 |