tests(tooltip): added e2e test for tooltip

valor-software · Dec 3, 2018 · 7c5e5d2 · 7c5e5d2
1 parent 1662554
commit 7c5e5d2
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/cypress/integration/tooltip_page_spec.ts b/cypress/integration/tooltip_page_spec.ts
@@ -14,4 +14,35 @@ describe('Tooltip demo page test suite', () => {
         .should('to.have.descendants', tooltip.containerTooltip);
     });
   });
+  describe('Placement tooltip', () => {
+    const placement = tooltip.exampleDemosArr.placement;
+
+    it('placement tooltip appears after hovering on trigger button', () => {
+
+      cy.get(placement).as('placementDemo')
+        .find(tooltip.togglerTooltip).first().focus();
+      cy.get('@placementDemo')
+        .should('to.have.descendants', tooltip.containerTooltip);
+
+    });
+    it('placement tooltip appears after hovering on trigger button', () => {
+      cy.get(placement).as('placementDemo').find(tooltip.togglerTooltip).contains('Tooltip on right').focus();
+      cy.get('@placementDemo')
+        .should('to.have.descendants', tooltip.containerTooltip);
+    });
+  });
+
+  describe('dismiss tooltip', () => {
+    const dismiss = tooltip.exampleDemosArr.dismiss;
+    const placement = tooltip.exampleDemosArr.placement;
+
+    it('dismiss tooltip appears after hovering on trigger button', () => {
+      cy.get(dismiss).as('dismissDemo').find(tooltip.togglerTooltip).focus();
+      cy.get('@dismissDemo')
+        .should('to.have.descendants', tooltip.containerTooltip);
+      cy.get(placement).as('placementDemo').find(tooltip.togglerTooltip).contains('Tooltip on right').focus().trigger('mousedown');
+      cy.get(dismiss).as('dismissDemo').find(tooltip.togglerTooltip);
+      cy.get('@dismissDemo').should('not.to.have.descendants', tooltip.containerTooltip);
+    });
+  });
 });
diff --git a/cypress/support/tooltip.po.ts b/cypress/support/tooltip.po.ts
@@ -7,8 +7,11 @@ export class TooltipPo extends BaseComponent {
 
   togglerTooltip = 'button';
   containerTooltip = 'bs-tooltip-container';
+  toolTipPlacement = 'ng-reflect-placement';
 
   exampleDemosArr = {
-    basic: 'demo-tooltip-basic'
+    basic: 'demo-tooltip-basic',
+    placement: 'demo-tooltip-placement',
+    dismiss: 'demo-tooltip-dismiss'
   };
 }