[] Add HTML files to fixtures folder

dmtrKovalenko · Feb 18, 2021 · 3b71e78 · 3b71e78
1 parent 0b33d92
commit 3b71e78
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/cypress/fixtures/frame-one.html b/cypress/fixtures/frame-one.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+  <body>
+    <main style="background-color: yellow; height: 100%; padding: 50px;">
+      <iframe style="width: 100%; height: 100%; " src="./frame-two.html"></iframe>
+    </main>
+  </body>
+
+  <style>
+    * { box-sizing: border-box; }
+    html, body { height: 100%; }
+    body { margin: 0; }
+  </style>
+</html>
+
diff --git a/cypress/fixtures/frame-two.html b/cypress/fixtures/frame-two.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+  <body>
+    <main style="background-color: blue; height: 100%; padding: 50px;">
+      <div id="target"></div>
+    </main>
+  </body>
+
+  <script type="text/javascript">
+    document.getElementById('target').onclick = function(e) { e.target.textContent = "clicked" };
+  </script>
+
+  <style>
+    #target { width: 100px; height: 100px; background: green; }
+    #target:hover { background: pink; }
+
+    * { box-sizing: border-box; }
+    html, body { height: 100%; }
+    body { margin: 0; }
+  </style>
+</html>
+
diff --git a/cypress/fixtures/iframe-page.html b/cypress/fixtures/iframe-page.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <body>
+    <main style="background-color: red; height: 100%; padding: 50px;">
+      <iframe style="width: 100%; height: 100%; " src="./frame-one.html"></iframe>
+    </main>
+  </body>
+
+  <style>
+    * { box-sizing: border-box; }
+    html, body { height: 100%; }
+    body { margin: 0; }
+  </style>
+</html>