pankod/refine

export const getChakraUINotification = () => {
  return cy.get(".chakra-alert");
};

export const getChakraUIToast = () => {
  return cy.get(".chakra-toast");
};

export const getChakraUIFormItemError = ({
  id,
  type = "text",
}: IGetChakraUIFormItemErrorParams) => {
  if (type === "text") {
    return cy.get(`#${id}`).siblings(".chakra-form__error-message");
  }

  if (type === "select") {
    return cy
      .get(`#${id}`)
      .parent()
      .parent()
      .find(".chakra-form__error-message");
  }

  // type === "text"
  return cy.get(`#${id}`).siblings(".chakra-form__error-message");
};

export const getChakraUIPopoverDeleteButton = () => {
  return cy.get(".chakra-popover__body button").contains(/delete/gi);
};

export const getChakraUILoadingOverlay = () => {
  return cy.get(".chakra-spinner");
};

export const fillChakraUIForm = () => {
  cy.fixture("mock-post").then((mockPost) => {
    cy.get("#title").clear().type(mockPost.title);
    cy.get("#status").select(mockPost.status.toLowerCase());
    cy.get("#categoryId").select(2);
    cy.get("#content").clear().type(mockPost.content);
  });
};