OpenPanel/cypress/support/commands/chakra-ui/index.ts

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);
    });
};