Olá, Rafael. Tudo bem?

Quando você está lidando com informações que vêm de APIs, em vez de elementos diretamente no HTML/CSS, você pode usar o Cypress para fazer requisições HTTP e validar as respostas dessas APIs. O Cypress tem um comando chamado cy.request() que é perfeito para isso.

Aqui está um exemplo básico de como você pode usar o cy.request() para fazer uma requisição a uma API e validar as informações que ela retorna:

describe('Validação de API', () => {
    it('Deve validar as informações da API', () => {
        cy.request('GET', 'https://sua-api.com/endpoint')
            .then((response) => {
                // Verifica se o status da resposta é 200 (OK)
                expect(response.status).to.eq(200);

                // Verifica se a resposta contém um campo específico
                expect(response.body).to.have.property('nome', 'Catarina P');

                // Você pode continuar verificando outros campos da resposta aqui
            });
    });
});

Nesse exemplo, você está fazendo uma requisição GET para um endpoint específico da sua API e, em seguida, usando asserções para verificar se a resposta contém os dados esperados. Você pode adaptar esse exemplo para os endpoints e dados específicos que você precisa validar.

Espero ter ajudado.

Quando a Property for uma imagem, eu colocaria:

expect(response.body).to.have.property('nomedaimagem.png');

??