saleor-dashboard/cypress/e2e/apps.js

/// <reference types="cypress"/>
/// <reference types="../support"/>

import faker from "faker";

import { APP_DETAILS } from "../elements/apps/appDetails";
import { APPS_LIST } from "../elements/apps/appsList";
import { WEBHOOK_DETAILS } from "../elements/apps/webhookDetails";
import { BUTTON_SELECTORS } from "../elements/shared/button-selectors";
import { appDetailsUrl, urlList } from "../fixtures/urlList";
import { ONE_PERMISSION_USERS } from "../fixtures/users";
import { createApp, getApp } from "../support/api/requests/Apps";
import { deleteAppsStartsWith } from "../support/api/utils/appUtils";

describe("Tests for apps", () => {
  const startsWith = "Apps";
  const name = `${startsWith}${faker.datatype.number()}`;

  let createdApp;

  before(() => {
    cy.clearSessionData().loginUserViaRequest();
    deleteAppsStartsWith(startsWith);
    createApp(name, "MANAGE_APPS").then(app => {
      createdApp = app;
    });
  });

  beforeEach(() => {
    cy.clearSessionData().loginUserViaRequest("auth", ONE_PERMISSION_USERS.app);
  });

  it(
    "should create app. TC: SALEOR_3001",
    { tags: ["@app", "@allEnv", "@stable"] },
    () => {
      const randomName = `${startsWith}${faker.datatype.number()}`;

      cy.visit(urlList.apps)
        .get(APPS_LIST.createLocalAppButton)
        .click()
        .get(APP_DETAILS.nameInput)
        .type(randomName)
        .get(APP_DETAILS.manageAppsPermissionCheckbox)
        .click()
        .addAliasToGraphRequest("AppCreate")
        .get(BUTTON_SELECTORS.confirm)
        .click()
        .confirmationMessageShouldDisappear()
        .waitForRequestAndCheckIfNoErrors("@AppCreate")
        .its("response.body.data.appCreate.app")
        .then(app => {
          getApp(app.id);
        })
        .then(app => {
          expect(app.name).to.eq(randomName);
          const token = app.tokens.find(element => element.name === "Default");
          expect(token).to.be.ok;
        });
    },
  );

  it(
    "should create webhook. TC: SALEOR_3002",
    { tags: ["@app", "@allEnv", "@stable"] },
    () => {
      const randomName = `${startsWith}${faker.datatype.number()}`;
      const targetUrl = `http://example.${randomName}`;

      cy.visit(appDetailsUrl(createdApp.id))
        .get(APP_DETAILS.createWebhookButton)
        .click()
        .get(WEBHOOK_DETAILS.nameInput)
        .type(randomName)
        .get(WEBHOOK_DETAILS.targetUrlInput)
        .type(targetUrl)
        .get(BUTTON_SELECTORS.confirm)
        .click()
        .confirmationMessageShouldDisappear();
      getApp(createdApp.id).then(({ webhooks }) => {
        expect(webhooks[0].name).to.eq(randomName);
        expect(webhooks[0].targetUrl).to.eq(targetUrl);
      });
    },
  );

  it(
    "should create token. TC: SALEOR_3003",
    { tags: ["@app", "@allEnv", "@stable"] },
    () => {
      const randomName = `${startsWith}${faker.datatype.number()}`;
      let expectedToken;

      cy.visit(appDetailsUrl(createdApp.id))
        .get(APP_DETAILS.createTokenButton)
        .click()
        .get(APP_DETAILS.createTokenForm.tokenDialog)
        .find(APP_DETAILS.createTokenForm.nameInput)
        .type(randomName)
        .get(BUTTON_SELECTORS.submit)
        .click()
        .get(APP_DETAILS.createTokenForm.tokenToCopy)
        .invoke("text")
        .then(text => {
          expectedToken = text;
          cy.get(APP_DETAILS.createTokenForm.doneButton).click();
          getApp(createdApp.id);
        })
        .then(app => {
          const token = app.tokens.find(element => element.name === randomName);
          const tokenLastFourDigits = expectedToken.slice(
            expectedToken.length - 4,
          );
          expect(token.authToken).to.eq(tokenLastFourDigits);
        });
    },
  );
});