<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: window.frameElement</title>
<link rel="author" title="Intel" href="http://www.intel.com/" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<!-- t1 (same-origin)-->
<iframe id="iframe_0"></iframe>
<iframe id="iframe_1" src="./resources/frameElement-nested-frame.html"></iframe>
<object id="object_id" name="object_name" type="text/html" data="about:blank"></object>
<embed id="embed_id" name="embed_name" type="image/svg+xml" src="/images/green.svg" />
<!-- t2 (cross-origin) -->
<iframe name="iframe_2" src="http://{{hosts[alt][]}}:{{ports[http][0]}}/html/browsers/windows/nested-browsing-contexts/resources/frameElement-nested-frame.html"></iframe>
<!-- t3 (cross-origin) -->
<iframe id="iframe_3" src="http://{{hosts[alt][]}}:{{ports[http][0]}}/html/browsers/windows/nested-browsing-contexts/resources/frameElement-window-post.html"></iframe>
<script>
test(function() {
assert_equals(window.frameElement, null,
"The frameElement attribute should be null.");
}, "The window's frameElement attribute must return null if it is not a nested browsing context");
var t1 = async_test("The window's frameElement attribute must return its container element if it is a nested browsing context");
window.addEventListener("load", t1.step_func_done(function() {
assert_equals(frames[0].frameElement, document.getElementById("iframe_0"),
"The frameElement attribute should be the first iframe element.");
assert_equals(window["object_name"].frameElement, document.getElementById("object_id"),
"The frameElement attribute should be the object element.");
assert_equals(window["embed_name"].frameElement, document.getElementById("embed_id"),
"The frameElement attribute should be the embed element.");
assert_equals(document.getElementById("iframe_1").contentWindow[0].frameElement,
document.getElementById("iframe_1").contentDocument.getElementById("f1"),
"The frameElement attribute should be the frame element in 'resources/frameElement-nested-frame.html'.");
}));
var t2 = async_test("The SecurityError must be thrown if the window accesses to frameElement attribute of a Window which does not have the same effective script origin");
window.addEventListener("load", t2.step_func_done(function() {
assert_throws_dom("SecurityError", function() {
frames["iframe_2"].frameElement;
},
"The SecurityError exception should be thrown.");
}));
var t3 = async_test("The window's frameElement attribute must return null if the container's document does not have the same effective script origin");
window.addEventListener("load", function() {
window.addEventListener("message", function(event) {
var data = JSON.parse(event.data);
if (data.name == "testcase3") {
t3.step(function() {
assert_equals(data.result, "window.frameElement = null",
"The frameElement attribute should be null.");
t3.done();
});
}
}, false);
document.getElementById("iframe_3").contentWindow.postMessage(null, "*");
})
</script>
</body>
</html>
Codebase Browser
chromium