Vizzuality/landgriffon

beforeEach(() => {
  cy.interceptAllRequests();
  cy.loginWithFixtures();
  cy.visit('/data/scenarios/new');
});

afterEach(() => {
  cy.logout();
});

describe('Scenario creation', () => {
  it('a user populates all fields and creates a scenario successfully', () => {
    const scenarioName = 'scenario mockup name';
    const scenarioDescription = 'scenario mockup description';

    cy.url().should('contain', '/data/scenarios/new');
    cy.get('[data-testid="scenario-name-input"]').type(scenarioName);
    cy.get('[data-testid="scenario-description-input"]').type(scenarioDescription);
    cy.get('[data-testid="create-scenario-button"]').click();

    cy.wait('@scenarioCreation').then((interception) => {
      const {
        response: { statusCode, body },
      } = interception;

      expect(statusCode).to.equal(201);
      expect(body.data.id).to.equal('some-random-id');
      expect(body.data.attributes.title).to.equal(scenarioName);
      expect(body.data.attributes.description).to.equal(scenarioDescription);

      // checks the toast message triggered after scenario creation
      cy.get('[data-testid="toast-message"]').should(
        'contain',
        'The scenario scenario mockup name has been created',
      );
    });
  });

  it('a user tries to create a scenario without filling in the name field and submit is disabled', () => {
    cy.url().should('contain', '/data/scenarios/new');
    cy.get('[data-testid="create-scenario-button"]').should('be.disabled');
  });

  it('a user types a name with a single character', () => {
    cy.url().should('contain', '/data/scenarios/new');
    cy.get('[data-testid="scenario-name-input"]').type('?');
    cy.get('[data-testid="create-scenario-button"]').should('be.disabled');
    cy.contains('Name must be at least 2 characters.').should('exist');
  });

  it('a user types a name with more than 40 characters', () => {
    cy.url().should('contain', '/data/scenarios/new');
    cy.get('[data-testid="scenario-name-input"]').type(
      'this is a very looong name for an scenario',
    );
    cy.get('[data-testid="create-scenario-button"]').should('be.disabled');
    cy.contains('Name must be at most 40 characters.').should('exist');
  });
});