diff --git a/cypress/full/popover_page_spec.ts b/cypress/full/popover_page_spec.ts
new file mode 100644
index 0000000000..5ddb549731
--- /dev/null
+++ b/cypress/full/popover_page_spec.ts
@@ -0,0 +1,348 @@
+import { PopoverPo } from '../support/popover.po';
+
+describe('Popover demo page test suite', () => {
+
+  const popover = new PopoverPo();
+
+  beforeEach(() => popover.navigateTo());
+
+  describe('Placement popover', () => {
+
+    const placementDemo = popover.exampleDemosArr.placement;
+    const placement = popover.popoverPlacements;
+
+    it('when user click on trigger btn in the Placement exmpl - container appears on the setted placement', () => {
+      popover.isPopoverPlacementCorrect(placementDemo, placement.top.popoverClass, placement.top.name);
+      popover.isPopoverPlacementCorrect(placementDemo, placement.right.popoverClass, placement.right.name);
+      popover.isPopoverPlacementCorrect(placementDemo, placement.auto.popoverClass, placement.auto.name);
+      popover.isPopoverPlacementCorrect(placementDemo, placement.left.popoverClass, placement.left.name);
+      popover.isPopoverPlacementCorrect(placementDemo, placement.bottom.popoverClass, placement.bottom.name);
+    });
+  });
+
+  describe('Dismiss popover', () => {
+
+    const dismissPopover = popover.exampleDemosArr.dismiss;
+
+    it('when user clicks on "Dismissible popover", then popover-container shown', () => {
+      popover.clickOnBtn(dismissPopover);
+      popover.isPopoverAppears(dismissPopover);
+      popover.isPopoverVisible(dismissPopover);
+    });
+
+    it('when user clicks on "Dismissible popover" again, then nothing happens', () => {
+      popover.clickOnBtn(dismissPopover);
+      popover.clickOnBtn(dismissPopover);
+      popover.isPopoverAppears(dismissPopover);
+      popover.isPopoverVisible(dismissPopover);
+    });
+
+    it('when user click to another placement - popover container disappears ', () => {
+      popover.clickOnBtn(dismissPopover);
+      popover.clickToAnotherPlacement(dismissPopover);
+      popover.isPopoverDismiss(dismissPopover);
+    });
+  });
+
+  describe('Dynamic content', () => {
+
+    const dynamicContentPopover = popover.exampleDemosArr.dynamic;
+
+    it('when user clicks on "Simple binding", then popover-container shown', () => {
+      popover.clickOnBtn(dynamicContentPopover);
+      popover.isPopoverAppears(dynamicContentPopover);
+      popover.isPopoverVisible(dynamicContentPopover);
+    });
+
+    it('when user clicks on "Simple binding" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(dynamicContentPopover);
+      popover.clickOnBtn(dynamicContentPopover);
+      popover.isPopoverDismiss(dynamicContentPopover);
+    });
+  });
+
+  describe('Custom content', () => {
+
+    const customContent = popover.exampleDemosArr.customContent;
+
+    it('when user clicks on "TemplateRef binding", then popover-container shown', () => {
+      popover.clickOnBtn(customContent);
+      popover.isPopoverAppears(customContent);
+      popover.isPopoverVisible(customContent);
+    });
+
+    it('when user clicks on "TemplateRef binding" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(customContent);
+      popover.clickOnBtn(customContent);
+      popover.isPopoverDismiss(customContent);
+    });
+  });
+
+  describe('Dynamic HTML', () => {
+
+    const dymanicHtml = popover.exampleDemosArr.dynamicHtml;
+
+    it('when user clicks on "Show me popover with html", then popover-container shown', () => {
+      popover.clickOnBtn(dymanicHtml);
+      popover.isPopoverAppears(dymanicHtml);
+      popover.isPopoverVisible(dymanicHtml);
+    });
+
+    it('when user clicks on "Show me popover with html" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(dymanicHtml);
+      popover.clickOnBtn(dymanicHtml);
+      popover.isPopoverDismiss(dymanicHtml);
+    });
+  });
+
+  describe('Append to body', () => {
+
+    const appendToBody = popover.exampleDemosArr.appendToBody;
+
+    it('when user clicks on "Default popover", then popover-container shown', () => {
+      popover.clickOnBtn(appendToBody, 0);
+      popover.isPopoverAppears(appendToBody);
+      popover.isPopoverVisible(appendToBody);
+    });
+
+    it('when user clicks on "Default popover" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(appendToBody, 0);
+      popover.clickOnBtn(appendToBody, 0);
+      popover.isPopoverDismiss(appendToBody);
+    });
+
+    it('when user clicks on "Popover appended to body", then popover-container shown', () => {
+      popover.clickOnBtn(appendToBody, 1);
+      popover.isPopoverAppears(popover.body);
+      popover.isPopoverVisible(popover.body);
+    });
+
+    it('when user clicks on "Popover appended to body" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(appendToBody, 1);
+      popover.clickOnBtn(appendToBody, 1);
+      popover.isPopoverDismiss(popover.body);
+    });
+  });
+
+  describe('Visibility events', () => {
+
+    const visibilityEvents = popover.exampleDemosArr.visibilityEvents;
+    const eventTextBlock = popover.exampleDemosArr.eventTextBlock;
+
+    it('when user clicks on "Live demo", then popover-container shown', () => {
+      popover.clickOnBtn(visibilityEvents);
+      popover.isPopoverAppears(visibilityEvents);
+      popover.isPopoverVisible(visibilityEvents);
+      popover.isDemoContainsTxt(visibilityEvents, 'shown');
+    });
+
+    it('when user clicks on btn again, then container disappeared and card updated with "Event: hidden" text', () => {
+      popover.clickOnBtn(visibilityEvents);
+      popover.clickOnBtn(visibilityEvents);
+      popover.isDemoContainsTxt(visibilityEvents, 'hidden');
+      popover.isPopoverDismiss(visibilityEvents);
+    });
+  });
+
+  describe('Configuring defaults', () => {
+
+    const configuringDefaults = popover.exampleDemosArr.configuringDefaults;
+
+    it('when user clicks on "Preconfigured popover", then popover-container shown', () => {
+        popover.clickOnBtn(configuringDefaults);
+        popover.isPopoverAppears(popover.body);
+        popover.isPopoverVisible(popover.body);
+    });
+
+    it('when user clicks on "Preconfigured popover" again, nothing happens', () => {
+        popover.clickOnBtn(configuringDefaults);
+        popover.isPopoverAppears(popover.body);
+        popover.isPopoverVisible(popover.body);
+    });
+
+    it('when user clicks outside of "Preconfigured popover", then popover-container disabled', () => {
+      popover.clickOnBtn(configuringDefaults);
+      popover.clickToAnotherPlacement(configuringDefaults);
+      popover.isPopoverDismiss(configuringDefaults);
+      });
+  });
+
+  describe('Outside click', () => {
+
+    const outsideClick = popover.exampleDemosArr.outsideClick;
+
+    it('when user click on btn "Live demo" - popover container appears', () => {
+      popover.clickOnBtn(outsideClick);
+      popover.isPopoverAppears(outsideClick);
+      popover.isPopoverVisible(outsideClick);
+    });
+
+    it('when user click on btn "Live demo" again - popover container disappears', () => {
+      popover.clickOnBtn(outsideClick);
+      popover.clickOnBtn(outsideClick);
+      popover.isPopoverDismiss(outsideClick);
+    });
+
+    it('when user click outside the btn - popover container disappears', () => {
+      popover.clickOnBtn(outsideClick);
+      popover.clickToAnotherPlacement(outsideClick);
+      popover.isPopoverDismiss(outsideClick);
+    });
+  });
+
+  describe('Custom triggers', () => {
+
+    const customTriggers = popover.exampleDemosArr.customTriggers;
+
+    it('when user move mouse to "Hover over me!", then popover-container shown', () => {
+      popover.hoverOnBtn(customTriggers);
+      popover.isPopoverAppears(customTriggers);
+      popover.isPopoverVisible(customTriggers);
+    });
+
+    it('when user move mouse out of the "Hover over me!", then popover-container disappeared', () => {
+      popover.hoverOnBtn(customTriggers);
+      popover.mouseLeave(customTriggers);
+      popover.isPopoverDismiss(customTriggers);
+    });
+
+    it('when user clicks once on "Double click me!", nothing happens', () => {
+      popover.clickOnBtn(customTriggers, 1);
+      popover.isPopoverDismiss(customTriggers);
+    });
+
+    it('when user double clicks on "Double click me!", then popover-container shown', () => {
+      popover.dblClickOnBtn(customTriggers, 1);
+      popover.isPopoverAppears(customTriggers);
+      popover.isPopoverVisible(customTriggers);
+    });
+
+
+    it('when user double clicks on "Double click me!", then popover-container disappeared', () => {
+      popover.dblClickOnBtn(customTriggers, 1);
+      popover.dblClickOnBtn(customTriggers, 1);
+      popover.isPopoverDismiss(customTriggers);
+    });
+
+    it('when user clicks inside the input, nothing happens', () => {
+      popover.clickOnInput(customTriggers);
+      popover.isPopoverDismiss(customTriggers);
+    });
+
+    it('when user input symbols to the input field - popover container appears', () => {
+      popover.clearInputAndSendKeys(customTriggers, 'popover');
+      popover.isPopoverAppears(customTriggers);
+      popover.isPopoverVisible(customTriggers);
+    });
+
+    it('when user click outside of the input field, then popover-container disappeared', () => {
+      popover.clearInputAndSendKeys(customTriggers, 'popover');
+      popover.isPopoverAppears(customTriggers);
+      popover.isPopoverVisible(customTriggers);
+      popover.clickToAnotherPlacement(customTriggers);
+      popover.isPopoverDismiss(customTriggers);
+    });
+  });
+
+
+  describe('Manual triggering', () => {
+
+    const manualTriggering = popover.exampleDemosArr.manualTriggering;
+
+    it('when user clicks on "Show", then popover-container appear  above the text', () => {
+        popover.clickOnBtn(manualTriggering);
+        popover.isPopoverAppears(manualTriggering);
+        popover.isPopoverVisible(manualTriggering);
+    });
+
+    it('when user clicks on "Hide", then popover-container disappeared', () => {
+        popover.clickOnBtn(manualTriggering);
+        popover.clickOnBtn(manualTriggering, 1);
+        popover.isPopoverDismiss(manualTriggering);
+    });
+
+    it('when user clicks on "Toggle", then popover-container appear  above the text', () => {
+        popover.clickOnBtn(manualTriggering, 2);
+        popover.isPopoverAppears(manualTriggering);
+        popover.isPopoverVisible(manualTriggering);
+    });
+
+    it('when user clicks on "Toggle" again, then popover-container disappeared', () => {
+        popover.clickOnBtn(manualTriggering, 2);
+        popover.clickOnBtn(manualTriggering, 2);
+        popover.isPopoverDismiss(manualTriggering);
+    });
+  });
+
+  describe('Trigger by isOpen property', () => {
+
+    const triggerIsOpen = popover.exampleDemosArr.triggerIsOpen;
+
+    it('when user clicks on "Toggle", then popover-container appear  above the text', () => {
+      popover.clickOnBtn(triggerIsOpen);
+      popover.isPopoverAppears(triggerIsOpen);
+      popover.isPopoverVisible(triggerIsOpen);
+    });
+
+    it('when user clicks on "Toggle" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(triggerIsOpen);
+      popover.clickOnBtn(triggerIsOpen);
+      popover.isPopoverDismiss(triggerIsOpen);
+    });
+  });
+
+  describe('Component level styling', () => {
+
+    const componentLevelStyling = popover.exampleDemosArr.componentLevelStyling;
+
+    it('when user clicks on "I have component level styling", then popover-container appear above the button', () => {
+      popover.clickOnBtn(componentLevelStyling);
+      popover.isPopoverAppears(componentLevelStyling);
+      popover.isPopoverVisible(componentLevelStyling);
+    });
+
+    it('when user clicks on "I have component level styling" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(componentLevelStyling);
+      popover.clickOnBtn(componentLevelStyling);
+      popover.isPopoverDismiss(componentLevelStyling);
+    });
+  });
+
+  describe('Custom class', () => {
+
+    const customClass = popover.exampleDemosArr.customClass;
+
+    it('when user clicks on "Custom class demo", then popover-container appear above the button', () => {
+      popover.clickOnBtn(customClass);
+      popover.isPopoverAppears(customClass);
+      popover.isPopoverVisible(customClass);
+    });
+
+    it('when user clicks on "Custom class demo" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(customClass);
+      popover.clickOnBtn(customClass);
+      popover.isPopoverDismiss(customClass);
+    });
+  });
+
+  describe('Popover context', () => {
+
+    const popoverContext = popover.exampleDemosArr.popoverContext;
+
+    it('when user clicks on "Open popover with custom context", then popover-container appear above the button', () => {
+      cy.viewport(1440, 900);
+      popover.clickOnDemoMenu('Popover');
+      popover.clickOnBtn(popoverContext);
+      popover.isPopoverAppears(popoverContext);
+      popover.isPopoverVisible(popoverContext);
+    });
+
+    it('when user clicks on "Open popover with custom context" again, then popover-container disappeared', () => {
+      cy.viewport(1440, 900);
+      popover.clickOnDemoMenu('Popover');
+      popover.clickOnBtn(popoverContext);
+      popover.clickOnBtn(popoverContext);
+      popover.isPopoverDismiss(popoverContext);
+    });
+  });
+});
diff --git a/cypress/integration/popover_page_spec.ts b/cypress/integration/popover_page_spec.ts
index dbc65f1bf8..4a037ccb5b 100644
--- a/cypress/integration/popover_page_spec.ts
+++ b/cypress/integration/popover_page_spec.ts
@@ -1,18 +1,24 @@
 import { PopoverPo } from '../support/popover.po';
 
 describe('Popover demo page test suite', () => {
+
   const popover = new PopoverPo();
 
-  beforeEach(() => popover.navigateTo());
+  before(() => popover.navigateTo());
 
   describe('Basic', () => {
+
     const basicPopover = popover.exampleDemosArr.basic;
 
-    it('basic popover appears after clicking on trigger button', () => {
-      const buttonText = 'Live demo';
+    it('when user clicks on "Live demo", then popover-container shown', () => {
+      popover.clickOnBtn(basicPopover);
+      popover.isPopoverAppears(basicPopover);
+      popover.isPopoverVisible(basicPopover);
+    });
 
-      popover.clickByText(basicPopover, buttonText);
-      cy.get(basicPopover).should('to.have.descendants', 'popover-container');
+    it('when user clicks on "Live demo" again, then popover-container disappeared', () => {
+      popover.clickOnBtn(basicPopover);
+      popover.isPopoverDismiss(basicPopover);
     });
   });
 });
diff --git a/cypress/support/base.component.ts b/cypress/support/base.component.ts
index 9552608a1a..05d8f57d08 100644
--- a/cypress/support/base.component.ts
+++ b/cypress/support/base.component.ts
@@ -55,6 +55,14 @@ export abstract class BaseComponent {
     cy.get(`${ baseSelector } input`).eq(inputIndex ? inputIndex : 0).dblclick();
   }
 
+  hoverOnBtn(baseSelector: string, buttonIndex?: number) {
+    cy.get(`${baseSelector} button`).eq(buttonIndex ? buttonIndex : 0).trigger('mouseenter');
+  }
+
+  mouseLeave(baseSelector: string, buttonIndex?: number) {
+    cy.get(`${baseSelector} button`).eq(buttonIndex ? buttonIndex : 0).trigger('mouseleave');
+  }
+
   isInputHaveAttrs(baseSelector: string, attributes: AttrObj[]) {
     cy.get(`${baseSelector} input`)
       .then(input => {
diff --git a/cypress/support/popover.po.ts b/cypress/support/popover.po.ts
index eab9cb2e58..085fb5d286 100644
--- a/cypress/support/popover.po.ts
+++ b/cypress/support/popover.po.ts
@@ -5,7 +5,81 @@ export class PopoverPo extends BaseComponent {
   pageTitle = 'Popover';
   ghLinkToComponent = 'https://github.com/valor-software/ngx-bootstrap/tree/development/src/popover';
 
+  togglerPopover = 'button';
+  containerPopover = 'popover-container';
+  body = 'body';
+
   exampleDemosArr = {
-    basic: 'demo-popover-basic'
+    basic: 'demo-popover-basic',
+    placement: 'demo-popover-placement',
+    dismiss: 'demo-popover-dismiss',
+    dynamic: 'demo-popover-dynamic',
+    customContent: 'demo-popover-custom-content',
+    dynamicHtml: 'demo-popover-dynamic-html',
+    appendToBody: 'demo-popover-container',
+    visibilityEvents: 'demo-popover-events',
+    eventTextBlock: 'pre.card.card-block.card-header.mb-3',
+    configuringDefaults: 'demo-popover-config',
+    outsideClick: 'demo-popover-outside-click',
+    customTriggers: 'demo-popover-triggers-custom',
+    manualTriggering: 'demo-popover-triggers-manual',
+    triggerIsOpen: 'demo-popover-trigger-by-isopen',
+    componentLevelStyling: 'demo-popover-styling-local',
+    customClass: 'demo-popover-class',
+    popoverContext: 'demo-popover-context'
+  };
+
+  popoverPlacements = {
+    top: { popoverClass: 'popover in popover-top bs-popover-top top show', name: 'Popover on top' },
+    right: {
+      popoverClass: 'popover in popover-right bs-popover-right right show',
+      name: 'Popover on right'
+    },
+    auto: {
+      popoverClass: 'popover in popover-auto bs-popover-auto auto show bottom',
+      name: 'Popover auto'
+    },
+    left: {
+      popoverClass: 'popover in popover-left bs-popover-left left show',
+      name: 'Popover on left'
+    },
+    bottom: {
+      popoverClass: 'popover in popover-bottom bs-popover-bottom bottom show',
+      name: 'Popover on bottom'
+    }
   };
+
+  isPopoverPlacementCorrect(baseSelector: string, placement: string, buttonName: string) {
+    cy.get(`${baseSelector} ${this.togglerPopover}`).contains(buttonName).click();
+
+    cy.get(`${baseSelector} ${this.containerPopover}`).should('be.visible').should('have.attr', 'class', placement);
+
+    cy.get(`${baseSelector} ${this.togglerPopover}`).contains(buttonName).click();
+  }
+
+  isPopoverAppears(baseSelector: string) {
+    cy.get(`${baseSelector}`).should('to.have.descendants', this.containerPopover);
+  }
+
+  isPopoverVisible(baseSelector: string) {
+    cy.get(`${baseSelector} ${this.containerPopover}`).should('be.visible');
+  }
+
+  clickToAnotherPlacement(baseSelector: string) {
+    cy.get(`${baseSelector}`).closest('.section.bd-example').click('topRight');
+
+  }
+
+  isPopoverDismiss(baseSelector: string) {
+    cy.get(`${baseSelector}`).should('not.to.have.descendants', this.containerPopover);
+  }
+
+  isEventShown(baseSelector: string) {
+    // cy.get(`${baseSelector}`).should('be.visible').and('to.contains', 'shown');
+    cy.get(`${baseSelector}`).should('contains', 'shown');
+  }
+
+  isEventHidden(baseSelector: string) {
+    cy.get(`${baseSelector}`).contains('hidden');
+  }
 }