diff --git a/cypress/integration/tooltip_page_spec.ts b/cypress/integration/tooltip_page_spec.ts index 0477d6ee77..a9b602aaa5 100644 --- 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 index 277f745f0f..49a5d53cc0 100644 --- 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' }; }