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

/// <reference types="cypress" />
/// <reference types="../../index.d.ts" />

export const getMaterialUINotifications = () => {
    return cy.get("#notistack-snackbar .MuiBox-root > h6");
};

export const getMaterialUIDeletePopoverButton = () => {
    return cy.get(".MuiDialogActions-root > button").contains(/delete/i);
};

export const getMaterialUIFormItemError = ({
    id,
}: IGetMaterialUIFormItemErrorParams) => {
    return cy.get(`#${id}-helper-text`);
};

export const getMaterialUILoadingCircular = () => {
    return cy.get(".MuiCircularProgress-root");
};

export const getMaterialUIColumnHeader = (index: number) => {
    return cy.get(`.MuiDataGrid-columnHeader[aria-colindex="${index}"]`);
};

export const fillMaterialUIForm = () => {
    cy.fixture("mock-post").then((mockPost) => {
        cy.get("#title").clear();
        cy.get("#title").type(mockPost.title);
        cy.get("#content").clear();
        cy.get("#content").type(mockPost.content);
        cy.get("#status").click();
        cy.get("#status-option-0").click();
        cy.get("#category").click();
        cy.get("#category-option-0").click();
    });
};