ontime/server/cypress/integration/navigation.spec.js

// go trough routes and make sure things render as expected
describe('validate routes', () => {
  it('viewer routes', () => {
    cy.visit('http://localhost:4001/');
    cy.contains('Time Now');

    cy.visit('http://localhost:4001/timer');
    cy.contains('Time Now');

    cy.visit('http://localhost:4001/presenter');
    cy.contains('Time Now');

    cy.visit('http://localhost:4001/speaker');
    cy.contains('Time Now');

    cy.visit('http://localhost:4001/stage');
    cy.contains('Time Now');

    cy.visit('http://localhost:4001/backstage');
    cy.contains('Today');
    cy.contains('Time Now');
    cy.contains('Info');

    cy.visit('http://localhost:4001/sm');
    cy.contains('Today');
    cy.contains('Time Now');
    cy.contains('Info');

    cy.visit('http://localhost:4001/public');
    cy.contains('Today');
    cy.contains('Time Now');
    cy.contains('Info');

    cy.visit('http://localhost:4001/pip');
    cy.contains('Today');
    cy.contains('Info');

    cy.visit('http://localhost:4001/studio');
    cy.contains('ON AIR');

    cy.visit('http://localhost:4001/countdown');
    cy.contains('Select an event to follow');

    cy.visit('http://localhost:4001/countdown?event=1');
    cy.contains('Time Now');
    cy.contains('Start Time');
    cy.contains('End Time');
  });

  it('editor routes', () => {
    cy.visit('http://localhost:4001/editor');
    cy.contains('Event List');
    cy.contains('Timer Control');
    cy.contains('Messages Control');
    cy.contains('Info');
  });

  it('self contained editor routes', () => {
    cy.visit('http://localhost:4001/eventlist');
    cy.get('.App').should('contain', 'Event List');
    cy.get('.App').should('not.contain', 'Timer Control');
    cy.get('.App').should('not.contain', 'Messages Control');
    cy.get('.App').should('not.contain', 'Info');

    cy.visit('http://localhost:4001/timercontrol');
    cy.get('.App').should('not.contain', 'Event List');
    cy.get('.App').should('contain', 'Timer Control');
    cy.get('.App').should('not.contain', 'Messages Control');
    cy.get('.App').should('not.contain', 'Info');

    cy.visit('http://localhost:4001/messagecontrol');
    cy.get('.App').should('not.contain', 'Event List');
    cy.get('.App').should('not.contain', 'Timer Control');
    cy.get('.App').should('contain', 'Messages Control');
    cy.get('.App').should('not.contain', 'Info');

    cy.visit('http://localhost:4001/info');
    cy.get('.App').should('not.contain', 'Event List');
    cy.get('.App').should('not.contain', 'Timer Control');
    cy.get('.App').should('not.contain', 'Messages Control');
    cy.get('.App').should('contain', 'Info');
  });

  it('table routes', () => {
    cy.visit('http://localhost:4001/table');
    cy.contains('Running Timer');

    cy.visit('http://localhost:4001/cuesheet');
    cy.contains('Running Timer');

    cy.visit('http://localhost:4001/cuelist');
    cy.contains('Running Timer');
  });

  describe('clock view timer', () => {
    it('renders base route', () => {
      // base route
      cy.visit('http://localhost:4001/clock');
      cy.get('[data-testid="clock-view"]').should('exist');
      // ontime fallsback to stage timer on errors, so we check for that
      cy.get('.App').should('not.contain', 'Time Now');
    });
  });

  describe('minimal timer and options', () => {
    it('renders base route', () => {
      // base route
      cy.visit('http://localhost:4001/minimal');
      cy.get('[data-testid="minimal-timer"]').should('exist');
      // ontime fallsback to stage timer on errors, so we check for that
      cy.get('.App').should('not.contain', 'Time Now');
    });

    it('renders with defined options', () => {
      // route with options
      cy.visit(
        'http://localhost:4001/minimal?font=arial=1&size=1.5&text=0f0&key=ff0&hideovertime=true&alignx=start&aligny=end&offsetx=100&offsety=-100&hidemessages=true'
      );
      cy.get('[data-testid="minimal-timer"]').should('exist');
      // ontime fallback to stage timer on errors, so we check for that
      cy.get('.App').should('not.contain', 'Time Now');
    });

    it('hides nav on given option', () => {
      // route with options for no nav
      cy.visit('http://localhost:4001/minimal?hidenav=true');
      cy.get('[data-testid="minimal-timer"]').should('exist');
      // ontime fallback to stage timer on errors, so we check for that
      cy.get('.App').should('not.contain', 'Time Now');
      cy.get('[data-testid="nav-logo"]').should('not.exist');
    });
  });
});