But nothing worked

Can someone suggest a solution

Why is not the drag happening

Hey all, I have just started trying out component testing and I think I have probably chosen the most complicated thing to try it with. My component has an onClick which uses a useNavigate (react-routetr-dom) to navigate to "/". I am wondering how I can test, from within a component test, that the navigation was actually attempted? I have a custom mount command which wraps the mounted component in a memory router at present

Hello, I want to send a POST request, but for the first time I encounter the "Request Payload" section. Normally, when sending a POST request, I send it with a "body" or "query string" as you can see in the "vsCode" screenshot. Does anyone know what should I do in this case?

So I found a solution to my problem: In my mount command I added a param for additional routes to be added to the memory router

Cypress.Commands.add('mount', (component, componentPath, additionalRoutes, options = {}) => {
  const { routerProps = { initialEntries: ['/'] }, ...mountOptions } = options

  const wrapped = <MemoryRouter {...routerProps}>
    <Routes>
      <Route path={componentPath} element={component} />
      {additionalRoutes}
    </Routes>
  </MemoryRouter>

  return mount(wrapped, mountOptions)
})

Then when I called the mount command I added an additional route with some text that I can does or does not exist (meaning I am or am not on a different page)

cy.mount(<MyComponent />, '/my-component-path',
        <Route path="/" element={<div>home page</div>}/>,
{routerProps: {initialEntries: ['/my-component-path']}}
    )

cy.contains('home page').should('not.exist');
      cy.get('img').click();
      cy.contains('home page').should('exist');

🙂

I know this discord is about cypress. But i wonder if someone has been able to achieve the google authentification with playwright. I am able to do it with cypress but could not find a clue with playwright https://github.com/microsoft/playwright/discussions/18402

Hi everyone I have an element for which I need to check style and text. I found how to do it but it looks huge. I'm very new in a cypress and might don't know anything, how can I avoid all those .find.find.find. thing for example? > cy.get('[id="cke_3_contents"]').find('[class="WordSection1"]').eq(1).find('[class="OSIVDAbsatz"]') > .find('span').should('include.text', 'Sehr geehrte Frau Eing') > .and('have.css', 'background').should('include', 'rgb(255, 255, 0)')

Hey Everyone! Looking for some help around upgrading our cypress plan from free to team, we need to add a VAT number and company information to the invoices and I cannot find these fields on the checkout form. If someone has experience with this, please let me know!

This sounds like a problem of UK/US business rules mis-matching.

hey folks! Wonder if anyone knows if there is a way to run selected tests multiple times in parallel with Cypress? Like running spec.js 50 times with parallelization enabled.

billing@cypress.io would be your best bet! 😉

Hi everyone! Does anybody have experience or setup datadog with cypress? Found documentation in datadog but aren't very useful on how to do it. Any info is appreciated. Link: https://docs.datadoghq.com/continuous_integration/guides/rum_integration/

Am currently having issues with the Microsoft login page where it takes over the local host. I've tried to see if there is some way to pre login before it would ask me to login but to no avail.

you should be able to login to microsoft by setting the

experimentalModifyObstructiveThirdPartyCode

flag and using

cy.origin

https://docs.cypress.io/guides/references/experiments#Configuration https://docs.cypress.io/api/commands/origin

Hello Everyone, I'm trying to login to an app and then re-directing to an internal website, Re-direction to internal website is failing with the error > System is not defined and page is blank. Locally it works fine only failing on Azure cloud server, can someone provide possible solution. Appreciate your help !! Here is the login Logic cy.visit(data.loginUrl) cy.get('#initEmail').type(data.email) cy.contains('Next').should('exist').click().wait(500) cy.get('.a-text-input').type(data.password) cy.get(':nth-child(1) > .a-btn').click().wait(500) Redirecting to internal site as - cy.origin(data.url, () => {cy.visit('/').wait(500) }) cy.log('Before Each Block - End') In Support file logic to handle uncaught exception is enable In config file - experimentalSessionAndOrigin: true and experimentalModifyObstructiveThirdPartyCode: true, Cypress package version: 10.11.0 Cypress binary version: 10.11.0 Electron version: 21.0.0 Bundled Node version: 16.16.0

I have a table with two column, and I want to ensure the second column is disabled, then type into the first column, then see the second column is no longer disabled. It seems like I do a

cy.get().then

against the table, then do a

cy.wrap(table).find

for the first column I care about, then inside that do another

cy.wrap(table).find

for the second column I care about, then then I can do my checks. That's a bunch of nesting. Feels like I must be doing something wrong.

Why does

cy.get('table').its('rows').should('have.length', 2)

fail to find the propery, but

cy.get('table').then(table => expect(Cypress.$(table).prop('rows')).to.have.length(2)

work correctly? Aren't they doing the same thing?

Can you provide fiddle / HTML showing what gets enabled / disabled?

Hi, how can I return a variable in cypress? Basically I got this: ` cy.wait('@loginResponse')`` And I want to return

@loginResponse

cuz it contains the data

you pass it on to the next step using

cy.then

or an alias

Are there any known network issues with electron? I'm running into a webpack ChunkLoadError that only happens in electron. If I run the same test suite in edge, chrome or firefox it works fine.

return cy.get('@loginResponse').its('response.body.data');

is there a way to return this without the type being undefined?

"Conversion of type 'Chainable' to type 'string' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.ts(2352)" I guess I got to give this "Chainable" a datatype, how do I do that

ah i fixed it

hello everyone, im trying to use drag and drop between a website and an iframe. I tried doing it with mouse events

cy.get('elementId').trigger('mousedown', { button: 0 }).trigger('mousemove', x, y }).trigger('mouseup', { button:0 })

but its not working, the test passes but the drag and drop doesnt succeed, im pretty sure the mouse moves where its supposed to go but when the mouseup event happens it returns to the elementId position for some reason? ( i also tried it on w3s website and it doesnt work, so the iframe is not the reason. i also tried using realevents, it didnt work )

The second way i tried to make the drag&drop work was this:

const getIframeDocument = () => {
  return cy.get(".gjs-frame").its("0.contentDocument").should("exist");
};

const getIframeBody = () => {
  // get the document
  return (
    getIframeDocument()
      // automatically retries until body is loaded
      .its("body")
      .should("not.be.undefined")
      // wraps "body" DOM element to allow
      // chaining more Cypress commands, like ".find(...)"
      .then(cy.wrap)
  );
};

getIframeBody().find("#wrapper").as("Target");
cy.get('[title="Url"]').drag("@Target");

but i get uncaught exception, cannot read properties of getsetData anyone can help?

This is my experience getting drag & drop working https://discord.com/channels/755913899261296641/763105090679865354/1032041166922842112

Hello everyone, I have simple question that I was not able to find the answer online, I have a project which I run frontend in VS code where I have Cypress installed and the backed is run through Docker. My question is: Can I add API testing for backend on the same project? Maybe to have Integration folder and a separate folder API, I created both of them, but I can't find the API folder as it was not set up initially. Thanks a lot.

Hi All, I am tring to integrate code coverage with cypress, it is working fine in local but in travis it is showing only found unit test code coverage, can anyone help with this.