CanvasBlocker/test/iframeTest.html

141 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>iFrame Test</title>
<link href="testIcon.svg" type="image/png" rel="icon">
<link href="testIcon.svg" type="image/png" rel="shortcut icon">
<link rel="stylesheet" href="../default.css" type="text/css">
</head>
<body>
<div id="text">
<h1>Iframe protection</h1>
Open console (Ctrl + Shift + K) to see results.
Depending on your Browser version you might have to check the "Persist Logs" flag and reload the page.<br>
<h2>Expected result</h2>
<ul>
<li>the displayed hashes should not be your native hash (run test with CB disabled to get it)</li>
<li>all the displayed hashes should be the same (exception if there is a change to a wyciwyg page)</li>
<li>all lines with "TEST:" should have a "match" at the end</li>
</ul>
</div>
<script src="iframeTest.js"></script>
<iframe></iframe><script>
const pageText = document.getElementById("text").innerHTML;
const headHTML = document.querySelector("head").innerHTML;
function restoreContent(){
"use strict";
document.body.innerHTML = pageText;
document.getElementsByTagName("head")[0].innerHTML = headHTML;
}
const iframe = window[0];
log("TEST:", "iframe in html:", compare(test(iframe), reference));
iframe.addEventListener("load", function(){
"use strict";
log("TEST:", "iframe after loading:", compare(test(iframe), reference));
});
document.write(
"<iframe></iframe>" +
"<script>log(\"TEST:\", \"iframe and script in document.write:\", compare(test(window[1]), reference));<\/script>"
);
log("TEST:", "iframe in document.write:", compare(test(window[1]), reference));
document.write("<iframe></iframe>");
document.write(
"<script>" +
"log(\"TEST:\", \"iframe and script in separate document.write:\", compare(test(window[2]), reference));" +
"<\/script>");
(
"<iframe></iframe>" +
"<script>" +
"log(\"TEST:\", \"iframe and script in fragmented document.write:\", compare(test(window[3]), reference));" +
"<\/script>"
).split(/(?=<)/).forEach(function(part){
"use strict";
document.write(part);
});
document.writeln(
"<iframe></iframe>" +
"<script>log(\"TEST:\", \"iframe and script in document.writeln:\", compare(test(window[4]), reference));<\/script>"
);
document.write(
"<script src=\"iframeTest.js\"><\/script>" +
"<iframe></iframe>" +
"<script>" +
"log(" +
"\"TEST:\", " +
"\"script with src, iframe and script in document.write:\", " +
"compare(test(window[5]), reference)" +
");" +
"<\/script>"
);
"<ifr|ame></ifr|ame>".split("|").forEach(function(part){
"use strict";
document.write(part);
});
document.write("<script>log(\"TEST:\", \"ifr|ame split:\", compare(test(window[6]), reference));<\/script>");
document.write("<iframe></iframe>" +
"<script>" +
"let parent = window[7];" +
"let loopDepth = 1;" +
"for (; loopDepth < 50; loopDepth+= 1){" +
"parent.document.write(\"<iframe></iframe>\");" +
"const newParent = parent[0];" +
"if (!newParent){" +
"break;" +
"}" +
"parent = newParent;" +
"}" +
"log(\"TEST:\", \"nested iFrame (depth = \" + loopDepth + \")\", compare(test(parent), reference));" +
"document.body.removeChild(document.querySelector(\"iframe:last-of-type\"))" +
"<\/script>");
window.addEventListener("load", function(){
"use strict";
// document.open();
"<ifr|ame></ifr|ame>".split("|").forEach(function(part){
document.write(part);
});
document.write(
"<script>" +
"log(\"TEST:\", \"reopened document: ifr|ame split:\", compare(test(window[0]), reference));" +
"<\/script>");
document.write(
"<script src=\"iframeTest.js\"><\/script>" +
"<iframe></iframe>" +
"<script>" +
"log(" +
"\"TEST:\", " +
"\"reopened document: script with src, iframe and script in document.write:\", " +
"compare(test(window[1]), reference, true)" +
");" +
"<\/script>"
);
// document.close();
window.setTimeout(function(){
document.body.innerHTML = "<iframe></iframe>";
log("TEST:", "innerHTML after 1000ms:", compare(test(window[0]), reference));
const iFrame = document.createElement("iframe");
document.body.appendChild(iFrame);
log("TEST:", "appendChild after 1000ms:", compare(test(window[1]), reference));
const iFrame2 = document.createElement("iframe");
iFrame.replaceWith(iFrame2);
log("TEST:", "replaceWith after 1000ms:", compare(test(window[1]), reference));
restoreContent();
}, 1000);
});
</script>
</body>
</html>