test: fix Cypress tests related to scrolling

Author: arturovt

cypress/integration/helipopper.spec.ts

@@ -1,3 +1,15 @@
+Cypress.on('scrolled', element => {
+  // When we do `cy.get()` the Cypress finds the element
+  // and scrolls down, thus this element becomes at the very top
+  // of the page.
+  // `tippy.js` will not show tooltips if they appeared in an invisible
+  // part of the window.
+  element.get(0).scrollIntoView({
+    block: 'center',
+    inline: 'center'
+  });
+});
+
 describe('@ngneat/helipopper', () => {
   beforeEach(() => {
     cy.visit('/').wait(200);

package.json

@@ -22,15 +22,16 @@
     "schematics:build": "npm run build --prefix ./schematics",
     "build:playground": "ng build --project helipopper-playground --prod",
     "test:playground": "ng test --project helipopper-playground",
-    "serve:integration:static": "serve dist/helipopper-playground -l 4200",
+    "serve:playground": "ng s --project helipopper-playground --live-reload false",
+    "serve:playground:static": "serve dist/helipopper-playground -l 4200",
     "// - E2E": "E2E testing",
     "cy:open": "cypress open --config integrationFolder=cypress/integration",
     "cy:run": "cypress run --config integrationFolder=cypress/integration",
-    "e2e": "start-test serve:integration 4200 cy:open",
-    "e2e:chrome": "start-test serve:integration 4200 cy:run:chrome",
-    "e2e:chromium": "start-test serve:integration 4200 cy:run:chromium",
+    "e2e": "start-test serve:playground 4200 cy:open",
+    "e2e:chrome": "start-test serve:playground 4200 cy:run:chrome",
+    "e2e:chromium": "start-test serve:playground 4200 cy:run:chromium",
     "// - CI": "CI Testing",
-    "test:ci:e2e": "start-test serve:integration:static 4200 cy:run",
+    "test:ci:e2e": "start-test serve:playground:static 4200 cy:run",
     "test:playground:ci": "cross-env CI=true npm run test:playground -- --watch=false --browsers=ChromeHeadlessCustom"
   },
   "private": true,