hi, I want to check if a specific element is selected. The site looks like

html
<tr class="MuiTableRow-root Mui-selected MuiTableRow-hover css-fbvnoc-MuiTableRow-root">
    <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-152hpza-MuiTableCell-root">
        <div class="MuiBox-root css-19h3qzz">
            <h6 class="MuiTypography-root MuiTypography-subtitle2 MuiTypography-alignCenter css-1n6et4w-MuiTypography-root">---</h6>
        </div>
        <div class="MuiBox-root css-d0uhtl">
            <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1ngu4zh-MuiTypography-root"></h6>
            <p class="MuiTypography-root MuiTypography-body2 css-1xsg5cg-MuiTypography-root">Neue Position</p>
        </div>
    </td>
    <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignRight MuiTableCell-sizeMedium css-3v7b63-MuiTableCell-root"><span class="css-17a5c03">neu</span></td>
</tr>
<tr class="MuiTableRow-root MuiTableRow-hover css-fbvnoc-MuiTableRow-root">
    <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-152hpza-MuiTableCell-root">
        <div class="MuiBox-root css-19h3qzz">
            <h6 class="MuiTypography-root MuiTypography-subtitle2 MuiTypography-alignCenter css-1n6et4w-MuiTypography-root">---</h6>
        </div>
        <div class="MuiBox-root css-d0uhtl">
            <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1ngu4zh-MuiTypography-root">Test</h6>
            <p class="MuiTypography-root MuiTypography-body2 css-1xsg5cg-MuiTypography-root">Cooler Kunde</p>
        </div>
    </td>
    <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignRight MuiTableCell-sizeMedium css-3v7b63-MuiTableCell-root"><span class="css-17a5c03">neu</span></td>
</tr>

I want to wait until the correct row is selected. For this I have the following test line

typescript
        cy.waitUntil(() => {
            return cy
                .get('tr')
                .should('have.class', 'Mui-selected')
                .within(() => {
                    return cy.get('p:contains("Cooler Kunde")');
                });
        });

But this doesn't wait. Do you know why? Is there something wrong with the should(have.class) ?

I have a problem with cypress and an react re render. I have a table where one row is selected (class: Mui-selected and MuiTableRow-root) . Here I want to check if there is a tag in its children, which contains the correct value. Initially the value is "Cooler Kunde". But after an animation it is "Neue Position". I'm using:

ts
        cy.get('.Mui-selected.MuiTableRow-root')
            .children()
            .find('p')
            .should('have.text', 'Cooler Kunde'); // this works
        // doing some stuff which causes the new selected line
        cy.get('.Mui-selected.MuiTableRow-root')
            .children()
            .find('p')
            .should('have.text', 'Neue Position'); // this fails

But I receive the error

bash
Timed out retrying after 4000ms: expected '<p.MuiTypography-root.MuiTypography-body2.css-1xsg5cg-MuiTypography-root>' to have text 'Cooler Kunde', but the text was 'Neue Position'

But I can fix this issue by a wait. But I don't like to use a wait, which always delays my tests:

ts
        cy.get('.Mui-selected.MuiTableRow-root')
            .children()
            .find('p')
            .should('have.text', 'Cooler Kunde');
        cy.wait(1000);
        cy.get('.Mui-selected.MuiTableRow-root')
            .children()
            .find('p')
            .should('have.text', 'Neue Position');

So instead of the cypress hard wait. Do you know that a network request is triggering the change of text. If so then you can just wait for the network request instead of adding a 1 second wait.

Nope. Its a useEffect() on a react state.

The network call would be executed before the ui will be updated

just bumping this for the last time...

And if you do your selector different and also changing the default timeout for this occasion.

js
cy.contains('p','Neue Position',{timeout:5000}).should('have.text','Neue Position')

Is it possible to alias a text within the

it

block and access it after a few lines using

this

keyword? I tried this and failed. So, let me know if there's a correct way of doing this.

Remember to be mindful of the context where you invoke

this

. Within an arrow function,

this

will refer to whatever is in the arrow function. However within

function()

,

this

refers to the entire spec So this will work:

cy.wrap('text')
  .as('alias')
  .then(function() {
     const cyAlias = this.alias;
  })

But this will not:

cy.wrap('text')
  .as('alias')
  .then(() => {
     const cyAlias = this.alias;
  })

It's a subtle distinction that often caught me out

HI all Been having a great time with Cypress up until this morning where it is just constantly loading on test runner .. I have uninstalled and reinstalled Cypress too. Not sure what it could be as the project stayed the same.. any tips on how to get to the root cause ?

You don't happen to have two instances of cypress open, do you? If that happens with me, I go on a Cypress killing spree in the task manager

I need to get the class that contains".rbc-date-cell" but not ".rbc-off-range"

If any one can help me.

Are you looking for this https://docs.cypress.io/api/commands/not

Yes. Thanks @acceptable-hamburger-48790

Hi all.. I have recently upgraded to 10.9.0 from 10.3.0 and set

experimentalWebKitSupport: true

But when I open cypress it is unable to connect to firefox

But it didn't solve my problem @acceptable-hamburger-48790 . Can you please help me with the implementation from above image ??

Thanks for sharing.

Remember to be mindful of the context

Hi there, Every time i run cypress and the automated test kicks in on the browser after a while and midway through the test a facebook page of the company i am testing is kicked in!!! there isnt any code to lin the test to that page. how do i get rid of this page? so far i manually close it but isnt good enough for me

There must be something in your app causing this, or an action in the spec that is inadvertently triggering this popup.

ok i will have a look. thank you.

What I'd do is to comment out each command until you find the action that's triggering this

i am having issues with the password reset process. I have requested the reset several times but not received the email. I have checked junk, spam, etc but still no email. please advise, thank you

If it's the dashboard you're referring to, try emailing support@cypress.io

yes, it is the dashboard. thank you

will do

HI @fresh-doctor-14925 Thanks for the response - it doesn't look like it no.. But I do see the CPU running at 100%..