eventcally/cypress/support/commands.js

Cypress.Commands.add("logexec", (command) => {
  return cy.exec(command, { failOnNonZeroExit: false }).then(function (result) {
    if (result.code) {
      throw new Error(`Execution of "${command}" failed
          Exit code: ${result.code}
          Stdout:\n${result.stdout}
          Stderr:\n${result.stderr}`);
    }

    return result;
  });
});

Cypress.Commands.add("setup", () => {
  cy.logexec("flask test reset --seed");
  cy.logexec("flask user create test@test.de password --confirm");
});

Cypress.Commands.add(
  "createUser",
  (email = "test@test.de", password = "password", admin = false) => {
    let cmd = 'flask user create "' + email + '" "' + password + '" --confirm';
    if (admin) {
      cmd += " --admin";
    }
    return cy.logexec(cmd).then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.user_id;
    });
  }
);

Cypress.Commands.add(
  "createAdminUnit",
  (userEmail = "test@test.de", name = "Meine Crew") => {
    return cy
      .logexec("flask test admin-unit-create " + userEmail + ' "' + name + '"')
      .then(function (result) {
        let json = JSON.parse(result.stdout);
        return json.admin_unit_id;
      });
  }
);

Cypress.Commands.add(
  "createAdminUnitMemberInvitation",
  (adminUnitId, userEmail = "new@test.de") => {
    return cy
      .logexec(
        "flask test admin-unit-member-invitation-create " +
          adminUnitId +
          " " +
          userEmail
      )
      .then(function (result) {
        let json = JSON.parse(result.stdout);
        return json.invitation_id;
      });
  }
);

Cypress.Commands.add(
  "createAdminUnitMember",
  (adminUnitId, userEmail = "new@test.de") => {
    return cy
      .logexec(
        "flask test admin-unit-member-create " + adminUnitId + " " + userEmail
      )
      .then(function (result) {
        let json = JSON.parse(result.stdout);
        return json.member_id;
      });
  }
);

Cypress.Commands.add("createEvent", (adminUnitId) => {
  return cy
    .logexec("flask test event-create " + adminUnitId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.event_id;
    });
});

Cypress.Commands.add("createEventPlace", (adminUnitId, name = "Mein Platz") => {
  return cy
    .logexec("flask test event-place-create " + adminUnitId + ' "' + name + '"')
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.event_place_id;
    });
});

Cypress.Commands.add(
  "createEventOrganizer",
  (adminUnitId, name = "Mein Veranstalter") => {
    return cy
      .logexec(
        "flask test event-organizer-create " + adminUnitId + ' "' + name + '"'
      )
      .then(function (result) {
        let json = JSON.parse(result.stdout);
        return json.event_organizer_id;
      });
  }
);

Cypress.Commands.add("createOauth2Client", (userId) => {
  return cy
    .logexec("flask test oauth2-client-create " + userId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json;
    });
});

Cypress.Commands.add("createIncomingReferenceRequest", (adminUnitId) => {
  return cy
    .logexec("flask test reference-request-create-incoming " + adminUnitId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.reference_request_id;
    });
});

Cypress.Commands.add("createIncomingReference", (adminUnitId) => {
  return cy
    .logexec("flask test reference-create-incoming " + adminUnitId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.reference_id;
    });
});

Cypress.Commands.add("createAdminUnitRelation", (adminUnitId) => {
  return cy
    .logexec("flask test admin-unit-relation-create " + adminUnitId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.relation_id;
    });
});

Cypress.Commands.add("createAdminUnitOrganizationInvitation", (adminUnitId, email="invited@test.de") => {
  return cy
    .logexec("flask test admin-unit-organization-invitation-create " + adminUnitId + ' "' + email + '"')
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.invitation_id;
    });
});

Cypress.Commands.add("createSuggestion", (adminUnitId) => {
  return cy
    .logexec("flask test suggestion-create " + adminUnitId)
    .then(function (result) {
      let json = JSON.parse(result.stdout);
      return json.event_suggestion_id;
    });
});

Cypress.Commands.add("assertValid", (fieldId) => {
  cy.get("#" + fieldId).should("have.class", "is-valid");
  cy.get("#" + fieldId + "-error").should("be.empty");
});

Cypress.Commands.add("assertInvalid", (fieldId, msg) => {
  cy.get("#" + fieldId).should("have.class", "is-invalid");
  cy.get("#" + fieldId + "-error").should("contain", msg);
});

Cypress.Commands.add("assertRequired", (fieldId) => {
  cy.assertInvalid(fieldId, "Pflichtfeld");
});

Cypress.Commands.add(
  "login",
  (email = "test@test.de", password = "password", redirectUrl = "/manage") => {
    cy.visit("/login");
    cy.get("#email").type(email);
    cy.get("#password").type(password);
    cy.get("#submit").click();
    cy.url().should("include", redirectUrl);
    cy.getCookie("session").should("exist");
  }
);

Cypress.Commands.add(
  "select2",
  (selectId, textToEnter, expectedText = null, expectedValue = null) => {
    cy.get("#select2-" + selectId + "-container").click();
    cy.get('input[aria-controls="select2-' + selectId + '-results"]').type(
      textToEnter + "{enter}",
      {
        delay: 500,
      }
    );

    if (expectedText) {
      cy.get("#select2-" + selectId + "-container").should(
        "have.text",
        expectedText
      );
    }

    if (expectedValue) {
      cy.get("#" + selectId).should("have.value", expectedValue);
    }
  }
);

Cypress.Commands.add("inputsShouldHaveSameValue", (input1, input2) => {
  cy.get(input1)
    .invoke("val")
    .then((value) => {
      cy.get(input2).should("have.value", value);
    });
});

Cypress.Commands.add(
  "checkEventStartEnd",
  (update = false, recurrence = false, prefix = "") => {
    if (update && recurrence) {
      cy.get('#' + prefix + 'single-event-container').should("not.be.visible");
      cy.get('#' + prefix + 'recc-event-container').should("be.visible");
      cy.get('div[data-prefix=' + prefix + '] [name="riedit"]').click();
    } else {
      cy.checkEventAllday(prefix);

      cy.get('#' + prefix + 'start-user').click();
      cy.get("#ui-datepicker-div").should("be.visible");
      cy.get("#ui-datepicker-div a.ui-state-default:first").click(); // select first date
      cy.get("#ui-datepicker-div").should("not.be.visible");

      cy.get('#' + prefix + 'start-time').click();
      cy.get(".ui-timepicker-wrapper:visible").should("be.visible");
      cy.get(".ui-timepicker-wrapper:visible .ui-timepicker-am[data-time=0]").click(); // select 00:00
      cy.get("#ui-datepicker-div").should("not.be.visible");

      cy.get('#' + prefix + 'end-container').should("not.be.visible");
      cy.get('#' + prefix + 'end-show-container .show-link').click();
      cy.get('#' + prefix + 'end-show-container').should("not.be.visible");
      cy.get('#' + prefix + 'end-container').should("be.visible");
      cy.inputsShouldHaveSameValue('#' + prefix + 'start-user', '#' + prefix + 'end-user');
      cy.get('#' + prefix + 'end-time').should("have.value", "03:00");
      cy.get('#' + prefix + 'end-hide-container .hide-link').click();
      cy.get('#' + prefix + 'end-show-container').should("be.visible");
      cy.get('#' + prefix + 'end-container').should("not.be.visible");
      cy.get('#' + prefix + 'end-user').should("have.value", "");
      cy.get('#' + prefix + 'end-time').should("have.value", "");

      cy.get('#' + prefix + 'recc-event-container').should("not.be.visible");
      cy.get('#' + prefix + 'recc-button').click();
    }

    cy.get(".modal-recurrence").should("be.visible");
    cy.inputsShouldHaveSameValue('#' + prefix + 'start-user', '#' + prefix + 'recc-start-user');
    cy.inputsShouldHaveSameValue('#' + prefix + 'start-time', '#' + prefix + 'recc-start-time');
    cy.get('#' + prefix + 'rirtemplate option').should("have.length", 4);
    cy.get(".modal-recurrence:visible input[value=BYENDDATE]").should("be.checked");
    cy.get(".modal-recurrence:visible .modal-footer .btn-primary").click();

    cy.get('#' + prefix + 'single-event-container').should("not.be.visible");
    cy.get('#' + prefix + 'recc-event-container').should("be.visible");

    if (recurrence == false) {
      cy.get('[name="ridelete"]:visible').click();
      cy.get('#' + prefix + 'single-event-container').should("be.visible");
      cy.get('#' + prefix + 'recc-event-container').should("not.be.visible");
      cy.get('#' + prefix + 'end-container').should("not.be.visible");
    }
  }
);

Cypress.Commands.add(
  "checkEventAllday",
  (prefix = "") => {
    // Turn on
    cy.get('#' + prefix + 'allday').click();
    cy.get('#' + prefix + 'end-container').should("be.visible");
    cy.get('#' + prefix + 'start-time').should("not.be.visible");
    cy.get('#' + prefix + 'end-time').should("not.be.visible");

    // Recurrence
    cy.get('#' + prefix + 'recc-button').click();
    cy.get(".modal-recurrence").should("be.visible");
    cy.get('#' + prefix + 'recc-allday').should("be.checked");
    cy.get('#' + prefix + 'recc-start-time').should("not.be.visible");
    cy.get('#' + prefix + 'recc-fo-end-time').should("not.be.visible");

    cy.get('#' + prefix + 'recc-allday').click();
    cy.get('#' + prefix + 'recc-start-time').should("be.visible");
    cy.get('#' + prefix + 'recc-fo-end-time').should("be.visible");
    cy.get(".modal-recurrence:visible .modal-footer .btn-secondary").click();

    // Turn off
    cy.get('#' + prefix + 'allday').click();
    cy.get('#' + prefix + 'start-time').should("be.visible");
    cy.get('#' + prefix + 'end-time').should("be.visible");

    // Turn again
    cy.get('#' + prefix + 'allday').click();
    cy.get('#' + prefix + 'end-container').should("be.visible");

    // Removing end turns off allday
    cy.get('#' + prefix + 'end-hide-container .hide-link').click();
    cy.get('#' + prefix + 'allday').should("not.be.checked");
    cy.get('#' + prefix + 'start-time').should("be.visible");
  }
);

Cypress.Commands.add(
  "screenshotDatepicker",
  (elementId, screenshotName = "datepicker") => {
    cy.get(elementId).click();
    cy.get("#ui-datepicker-div").should("be.visible");
    cy.get(".ui-datepicker-next > .ui-icon").click();
    cy.screenshot(screenshotName);
  }
);

Cypress.Commands.add("authorize", (screenshot = false) => {
  return cy.createUser("new@test.de", "password", true).then(function (userId) {
    cy.createOauth2Client(userId).then(function (result) {
      cy.login("new@test.de");
      cy.visit(
        "/oauth/authorize?nonce=4711&response_type=code&client_id=" +
          result.oauth2_client_client_id +
          "&scope=" +
          result.oauth2_client_scope +
          "&redirect_uri=/"
      );

      if (screenshot) {
        cy.screenshot("authorize");
      }

      cy.get("#allow").click();

      cy.url().should("not.include", "authorize");
      cy.location().then((location) => {
        const urlParams = new URLSearchParams(location.search);
        const code = urlParams.get("code");

        cy.request({
          method: "POST",
          url: "/oauth/token",
          form: true,
          body: {
            client_id: result.oauth2_client_client_id,
            client_secret: result.oauth2_client_secret,
            grant_type: "authorization_code",
            scope: result.oauth2_client_scope,
            code: code,
            redirect_uri: "/",
          },
        });
      });
    });
  });
});