openstapps/cypress/integration/dashboard.spec.ts

/*
 * Copyright (C) 2022 StApps
 * This program is free software: you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation, version 3.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
 * more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * this program. If not, see <https://www.gnu.org/licenses/>.
 */

/* eslint-disable @typescript-eslint/no-explicit-any */
import {ScheduleProvider} from '../../src/app/modules/calendar/schedule.provider';

describe('dashboard', async function () {
  describe('schedule section', function () {
    it('should lead to the schedule', function () {
      cy.visit('/dashboard');
      cy.get('.schedule').contains('a', 'Stundenplan').click();
      cy.url().should('include', '/schedule/recurring');

      cy.visit('/dashboard');
      cy.get('.schedule').contains('a', 'Kein Eintrag gefunden').click();
      cy.url().should('include', '/schedule/recurring');
    });

    it('should display the next unit', function () {
      let angular: any;
      cy.intercept('POST', 'https://mobile.server.uni-frankfurt.de/search', {
        fixture: 'search/types/date-series/date-series-1.json',
      }).as('search');
      cy.visit('/dashboard');
      cy.get('.schedule-item-button').should('exist');
      cy.window()
        .then(win => (angular = (win as any).ng))
        .then(() =>
          cy.get('app-dashboard').then($dashboard => {
            const appComponent = angular.getComponent($dashboard[0]);
            const scheduleProvider =
              appComponent.scheduleProvider as ScheduleProvider;

            scheduleProvider.restore(['abc']);
          }),
        );
      cy.wait('@search');
      cy.visit('/dashboard');
      cy.get('.schedule-item-button').should('contain', 'UNIcert (Test)');
    });
  });

  describe('mensa section', function () {
    it('should have info when nothing is added', function () {
      cy.visit('/dashboard');

      cy.get('stapps-mensa-section').within(() => {
        cy.get('.card').should('have.length', 1);
        cy.get('.card > ion-label > a').should(
          'have.text',
          'Übersicht der Mensen',
        );
      });
    });

    it('should add a mensa', function () {
      cy.visit('/dashboard');
      cy.get('stapps-mensa-section').find('.card > ion-label > a').click();
      cy.intercept('POST', 'https://mobile.server.uni-frankfurt.de/search', {
        fixture: 'search/types/canteen/canteen-search-result.json',
      });
      cy.get('stapps-favorite-button').first().click();
      cy.intercept(
        'POST',
        'https://mobile.server.uni-frankfurt.de/search/multi',
        {
          fixture: 'search/types/dish/dish-2.json',
        },
      );
      cy.get('ion-back-button').click();
      cy.get('stapps-mensa-section')
        .find('.card')
        .should('have.length.greaterThan', 1);
    });
  });

  describe('news section', function () {
    beforeEach(function () {
      cy.intercept('POST', 'https://mobile.server.uni-frankfurt.de/search', {
        fixture: 'search/types/message/message-1.json',
      }).as('search');
    });

    it('should have desktop navigation buttons', function () {
      cy.visit('/dashboard');

      cy.get('stapps-news-section').within(function () {
        cy.get('.swiper-button-prev').should('exist');
        cy.get('.swiper-button-next').should('exist');
      });
    });

    it('should have working desktop navigation', function () {
      cy.visit('/dashboard');

      cy.get('stapps-news-section').within(function () {
        cy.get('.swiper-slide-active').should(
          'have.text',
          'DE for Students and Employees',
        );

        cy.get('.swiper-button-next').click({scrollBehavior: false});

        cy.get('.swiper-slide-active').should('have.text', 'DE for Students');
      });
    });

    it('should have a link to the news page', function () {
      cy.visit('/dashboard');
      cy.wait('@search');
      cy.intercept('POST', 'https://mobile.server.uni-frankfurt.de/search', {
        fixture: 'search/types/message/single-message.json',
      }).as('search');

      cy.get('stapps-news-section').contains('a', 'Mehr Nachrichten').click();
      cy.url().should('include', '/news');
    });
  });

  describe('navigation section', function () {
    it('should have editable dashboard sections', function () {
      cy.visit('/dashboard');

      const section = 'Vorlesungsv.';

      cy.get('stapps-navigation-section').within(() => {
        cy.get('.card').should('contain.text', section);

        cy.get('ion-icon[name=edit_square]').click();
      });

      cy.get('stapps-dashboard-edit-modal').within(() => {
        cy.contains('ion-item', section).find('ion-toggle').click();

        cy.contains('ion-button', 'Bestätigen').click();
      });

      cy.get('stapps-navigation-section').within(() => {
        cy.get('.card').should('not.contain.text', section);

        cy.get('ion-icon[name=edit_square]').click({scrollBehavior: false});
      });

      cy.get('stapps-dashboard-edit-modal').within(() => {
        cy.contains('ion-item', section).find('ion-toggle').click();

        cy.contains('ion-button', 'Bestätigen').click();
      });

      cy.get('stapps-navigation-section')
        .find('.card')
        .should('contain.text', section);
    });
  });

  describe('search section', function () {
    it('should lead to the search when hitting enter', function () {
      cy.visit('/dashboard');

      cy.get('stapps-search-section')
        .find('.searchbar')
        .type('test', {scrollBehavior: false})
        .type('{enter}', {scrollBehavior: false});
      cy.url().should('eq', Cypress.config().baseUrl + '/search/test');
      cy.get('ion-searchbar').should('have.value', 'test');

      cy.get('stapps-data-list-item').should('have.length.greaterThan', 0);
    });

    it('should go to search when clicking the icon', function () {
      cy.visit('/dashboard');

      cy.get('stapps-search-section').find('ion-icon[name=search]').click();
      cy.url().should('eq', Cypress.config().baseUrl + '/search/');
      cy.get('ion-searchbar').should('not.have.value');

      cy.get('stapps-data-list-item').should('have.length', 0);
    });
  });
});