I'm testing a feature where a button appears for the user to click AFTER they have taken another action.

Before taking the action I'm checking if the button exists:

cy.get('span')
    .contains('Select')
    .parent('button')
    .should('not.exist');

And after the action I'm trying to find that same button like this but it fails. Would anyone know how to do this in Cypress?

Here is my entire code:

cy.get('span')
    .contains('Select')
    .parent('button')
    .should('exist');

/* eslint-disable */

describe('Workgroup Switch', () => {
    beforeEach(() => {
        cy.visit('/login');
        cy.get('input[id="username"]').type('boss@example.com');
        cy.get('input[id="password"]').type('password');
        cy.get('button[id="login-button"]').click();
        cy.url().should('include', '/offers/workgroup');
    });

    it('switch workgroup', () => {
        cy.get('span')
            .contains('Select')
            .parent('button')
            .should('not.exist');

        cy.get('.v-overlay__scrim').click();

        cy.get('.text-h6')
            .contains('Workgroup #1')
            .parent()
            .parent()
            .click();

        cy.contains('Make this my default workgroup');

        cy.get('span')
            .contains('Select')
            .parent('button')
            .should('exist');
    });
});