To everyone who really need to target class and cannot (Or do not want) use data- attributes for some reasons. Solution is to use standard css selector. cy.get(‘*[class^=”this-is-always-the-same”]’) This will get all elements that has class starting with this-is-always-the-same.
In Cypress version 11.2.0 the Run All button has been reinstated. You need to set experimentalRunAllSpecs to true in cypress.config.js. Please see Configuration – End-to-End Testing
You can do something like this: // Give an alias to request cy.intercept({ method: ‘GET’, url: ‘/odata/locations/**’, }).as(‘dataGetFirst’); // Visit site cy.visit(‘admin/locations’); // Wait for response.status to be 200 cy.wait(‘@dataGetFirst’).its(‘response.statusCode’).should(‘equal’, 200) // Continue
Can you please remove expect(err.message).to.include(‘of undefined’) and done() from the cypress exception block and add the below piece of code inside the test & run the test again Cypress.on(‘uncaught:exception’, (err, runnable) => { // returning false here prevents Cypress from // failing the test return false })
You can add some assert inside: cy.click(‘#someButtonToNavigateOnNewPage’); cy.location(‘pathname’, {timeout: 60000}) .should(‘include’, ‘/newPage’); cy.click(‘#YouAreOnNewPage’); You can change default timeout – by default it’s 4000 ms (4 secs) – to ensure that user navigated the page. I’ve put a big number here – 60,000 ms – because I’m sure that 99% of users will leave if they … Read more
On Cypress 4.2.0 and react-select 3.0.8 pressing enter twice is working for me: cy.get(‘#react-select-component-id’).type(‘Something{enter}{enter}’);
This didn’t work for me on a button I was trying to get: cy.get(‘[data-cy-component=single-picker-search] button:visible’) This is what ended up working for me: cy.get(‘[data-cy-component=single-picker-search]’).filter(‘:visible’)
You’ve answered your question in the first line. If you want to test your React app end-to-end, connected to APIs and deployed somewhere, you’d use Cypress. react-testing-library‘s aimed at a lower level of your app, making sure your components work as expected. With Cypress, your app might be deployed on an environment behind CDNs, using … Read more
invoke() calls a jquery function on the element. To get the value of an input, use the function val(): cy.get(‘input’).invoke(‘val’).should(‘contain’, ‘mytext’) This is not the same as getting the value attribute which will not update with user input, it only presets the value when the element renders. To get an attribute, you can use the … Read more
I think you can simplify this. Assuming you have HTML that looks like this: <div data-test-id=”Skywalker,Anakin”> <div class=”.channel-name”>Skywalker,Anakin</div> </div> You can write your assert like this: cy.get(‘[data-test-id=”Skywalker,Anakin”]’).should( “have.text”, “Skywalker,Anakin” ); This passed for me and if I modified the HTML to Skywalker,Anakin 1 it failed as you would expect. Cypress uses the have.text to look … Read more