Recreated slider test, changed carousel start if was not moving on cypress

Author: Pablo Huerta

cypress/integration/app-partners.spec.js

@@ -1,4 +1,4 @@
-describe('Partners', function() {
+describe('Partners', function () {
   describe('The "Meet Our Partners" header and body text displays', () => {
     it('Check the header displays', () => {
       cy.visit('localhost:3333/partners');
@@ -36,6 +36,26 @@ describe('Partners', function() {
     });
   });
 
+  describe('The Trusted Carousel automatically rotates through all 6 slides and then started over', () => {
+    it('Check the slider rotates automatically', () => {
+      cy.visit('localhost:3333/partners');
+      cy.get('#partnersCarousel')
+        .contains('Ionic Framework is an open source app development platform which allows our team of developers to build and deploy high-quality cross-platform apps in record time.')
+        .should('exist')
+        .and('be.visible');
+      cy.wait(4000);
+      cy.wait(4000);
+      cy.wait(4000);
+      cy.wait(4000);
+      cy.wait(4000);
+      cy.wait(4000);
+      cy.get('#partnersCarousel')
+        .contains('Ionic Framework is an open source app development platform which allows our team of developers to build and deploy high-quality cross-platform apps in record time.')
+        .should('exist')
+        .and('be.visible');
+    });
+  });
+
   describe('The carousel displays the correct image and content on all 6 slides', () => {
     it('Check the slides text of the carousel', () => {
       cy.visit('localhost:3333/partners');
@@ -88,7 +108,7 @@ describe('Partners', function() {
         .and('be.visible');
     });
 
-    it('Check the slides images of the carousel', function() {
+    it('Check the slides images of the carousel', function () {
       cy.get('[data-cy=capp-img]').each(($el, index) => {
         switch (index) {
           case 0:
@@ -173,60 +193,8 @@ describe('Partners', function() {
     });
   });
 
-  describe('The Trusted Carousel automatically rotates through all 6 slides and then started over', () => {
-    it('Check the slider rotates automatically', () => {
-      cy.visit('localhost:3333/partners');
-      cy.get('#trusted-partners').scrollIntoView();
-      cy.get('[data-slide-to=0]').click();
-      cy.get('#partnersCarousel')
-        .contains('Ionic Framework is an open source app development platform which allows our team of developers to build and deploy high-quality cross-platform apps in record time.')
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains(
-          '1776 is the largest start-up incubator in the Northeast Corridor. It is a public benefit corporation that empowers start-ups by providing them with access to a global network of connections, and the intellectual and financial capital needed for them to prosper.'
-        )
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains(
-          'Strapi is an open source Headless CMS, used to manage content and make it available through a fully-customizable API. It is a framework designed for building practical applications and services in a matter of hours, instead of the usual weeks; saving your team precious time.'
-        )
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains(
-          '215Marketing is a Google Partner and full-service digital marketing agency; providing everything from traditional design to CRM implementation. Their primary focus is creating websites, effective Search Engine Marketing and measuring Return On Investment.'
-        )
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains(
-          'Financial GPS is a virtual accounting solution for small enterprises, that presents them with monthly reports and videos. The wonderful team at Financial GPS provides different services, including bookkeeping, payroll processing and tax preparation.'
-        )
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains(
-          'Drexel University and the Science Center offer an incubator and accelerator for early-stage, funded start-ups. ic@3401 is a community of experts and investors that plays an important role in the building of the collaborative culture in Philadelphia’s Innovation Neighborhood.'
-        )
-        .should('exist')
-        .and('be.visible');
-      cy.wait(6000);
-      cy.get('#partnersCarousel')
-        .contains('Ionic Framework is an open source app development platform which allows our team of developers to build and deploy high-quality cross-platform apps in record time.')
-        .should('exist')
-        .and('be.visible');
-    });
-  });
-
   describe('The CTA displays under the carousel', () => {
-    it('Check that the user is navigated to contact page', function() {
+    it('Check that the user is navigated to contact page', function () {
       cy.visit('localhost:3333/partners');
       cy.get('#cta').scrollIntoView();
       cy.get('#cta')
@@ -245,7 +213,7 @@ describe('Partners', function() {
   });
 
   describe('The "Get in Touch" button in the CTA navigates the user to the contact page', () => {
-    it('Check that the user is navigated to contact page', function() {
+    it('Check that the user is navigated to contact page', function () {
       cy.visit('localhost:3333/partners');
       cy.get('[data-cy=cta-button]')
         .should('exist')

src/pages/app-partners/app-partners.tsx

@@ -13,14 +13,13 @@ export class AppPartners {
   componentDidLoad() {
     this.changeMetadata();
 
-    if (Build.isBrowser) {
-      /* tslint:disable-next-line */
-      $(document).ready(function() {
-        // Force bootstrap to initialize carousel
-        const partnersCarousel = $('#partnersCarousel');
-        setTimeout(() => bootstrap.Carousel._jQueryInterface.call(partnersCarousel, partnersCarousel.data()), 0);
-      });
-    }
+
+    /* tslint:disable-next-line */
+    $(document).ready(function () {
+      // Force bootstrap to initialize carousel
+      const partnersCarousel = $('#partnersCarousel');
+      setTimeout(() => bootstrap.Carousel._jQueryInterface.call(partnersCarousel, partnersCarousel.data()), 0);
+    });
   }
 
   changeMetadata() {