How to add "id" attribute for testing purpose?

Hello, I do not find a good way for adding unique “id” attribute for the toast and toast body. Currently, I work within className but would be great to have optional parameter id. Thanks

[JulianoGTZ]

The End to end test has implemented with Cypress?

Where I work, the shared function was implemented like this

Cypress.Commands.add('checkToastMessage', (message) => {
    cy.get('.Toastify__toast').should('contain', message);
    cy.closeAllAlertMessages();
});

Cypress.Commands.add('closeAllAlertMessages', () => {
    cy.get('.Toastify__close-button').click({ multiple: true, force: true });
});

[PierrickG34]

Hi, thanks for your example @JulianoGTZ. We can improve it with toastId option like this :

1. Create toast : toast.success("hello" , {toastId: "my-toastId"});

2. Cypress command for check :

Cypress.Commands.add('checkToastMessage', (toastId, message) => {
  cy.get(`[id=${toastId}]`).should('contain', message);
  // ...
});

1. Use it : cy.checkToastMessage("my-toastId", "hello")