[] Add tests for click and hover in iframes

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

Hide file tree

Showing 2 changed files with 70 additions and 0 deletions.
diff --git a/cypress/integration/click.spec.ts b/cypress/integration/click.spec.ts
@@ -127,3 +127,33 @@ describe("cy.realClick", () => {
     });
   });
 });
+
+describe('iframe behavior', () => {
+  beforeEach(() => {
+    cy.visit('./cypress/fixtures/iframe-page.html');
+  });
+
+  it('clicks elements inside iframes', () => {
+    cy.get('iframe').then(($firstIframe) => {
+      return cy.wrap($firstIframe.contents().find('iframe'));
+    }).then(($secondIframe) => {
+      return cy.wrap($secondIframe.contents().find('body'));
+    }).within(() => {
+      cy.get('#target').contains('clicked').should('not.exist');
+      cy.get('#target').realClick().contains('clicked').should('exist');
+    });
+  });
+
+  it('clicks elements inside transformed iframes', () => {
+    cy.get('iframe').then(($firstIframe) => {
+      $firstIframe.css('transform', 'scale(.5)');
+      return cy.wrap($firstIframe.contents().find('iframe'));
+    }).then(($secondIframe) => {
+      $secondIframe.css('transform', 'scale(.75)');
+      return cy.wrap($secondIframe.contents().find('body'));
+    }).within(() => {
+      cy.get('#target').contains('clicked').should('not.exist');
+      cy.get('#target').realClick().contains('clicked').should('exist');
+    });
+  });
+});
diff --git a/cypress/integration/hover.spec.ts b/cypress/integration/hover.spec.ts
@@ -97,3 +97,43 @@ describe("cy.realHover", () => {
     });
   });
 });
+
+describe('iframe behavior', () => {
+  beforeEach(() => {
+    cy.visit('./cypress/fixtures/iframe-page.html');
+  });
+
+  it('hovers elements inside iframes', () => {
+    cy.get('iframe').then(($firstIframe) => {
+      return cy.wrap($firstIframe.contents().find('iframe'));
+    }).then(($secondIframe) => {
+      return cy.wrap($secondIframe.contents().find('body'));
+    }).within(() => {
+      cy.get('#target').then(($target) => {
+        expect($target.css('background-color')).to.equal('rgb(0, 128, 0)');
+      });
+
+      cy.get('#target').realHover().then(($target) => {
+        expect($target.css('background-color')).to.equal('rgb(255, 192, 203)');
+      });
+    });
+  });
+
+  it('hovers elements inside transformed iframes', () => {
+    cy.get('iframe').then(($firstIframe) => {
+      $firstIframe.css('transform', 'scale(.5)');
+      return cy.wrap($firstIframe.contents().find('iframe'));
+    }).then(($secondIframe) => {
+      $secondIframe.css('transform', 'scale(.75)');
+      return cy.wrap($secondIframe.contents().find('body'));
+    }).within(() => {
+      cy.get('#target').then(($target) => {
+        expect($target.css('background-color')).to.equal('rgb(0, 128, 0)');
+      });
+
+      cy.get('#target').realHover().then(($target) => {
+        expect($target.css('background-color')).to.equal('rgb(255, 192, 203)');
+      });
+    });
+  });
+});