How to use isLocalhost method in Cypress

Convert the for loop to an .each(). Using .within() on the event will allow internal get commands to be specific to the event, and eliminate the need to check index values.

cy.get("[data-testid='events']").each($event=> { 
  cy.wrap($event).within(() => {
    cy.get("[data-testid='event-status']").each($status => {
      if (isEventActive($status)) {
        cy.get("[data-testid='event-name']").should("have.text", "some value");
      }) else {
        cy.get("[data-testid='event-name']").should("not.exist")
      })
    })
  })
});

Maybe this will also work. Uses closure to get the two inner elements ($status and $name) into a ternary expression, and uses .should("satisfy", callbackFn) to do an either/or check.

cy.get("[data-testid='events']").each($event => { 
  cy.wrap($event).find("[data-testid='event-status']").then($status => {
    cy.wrap($event).find("[data-testid='event-name']")
      .should("satisfy", $name => isEventActive($status)  
        ? $name.text() === "some value"
        : $name.length === 0;
      );
    })
  })
});

So something that really kinda sucks right now is react released v17 late last year, and it was pretty much 100% backwards compatible with 16. This means anybody on 16 could upgrade to 17 without any issues. However, there are still many packages out there that list react 16 as a peer dependency but not 17. Well npm v7 changed the way they handle peer dependencies in such a way that you are getting this error. Your best bet is to

1. Create an issue and submit a PR to the offending package react-inspector
2. In the mean time, use --force or --legacy-peer-deps as the error instructs.

EDIT: However, checking the react-inspector project, it looks as though they are listing v17 in their peer deps. Try deleting your package-lock.json and deleting your node_modules and do a fresh install.

Cypress clears all cookies before each test

Cypress.Cookies.defaults({
  preserve: "adminhtml"
})

see: https://docs.cypress.io/faq/questions/using-cypress-faq.html#How-do-I-preserve-cookies-localStorage-in-between-my-tests

fyi: adminhtml cookie stores admin's session id

EDIT

It appears that in magento 2 admin session id is stored in a cookie named "admin"

Cypress.Cookies.defaults({
  preserve: "admin"
})

As mentioned in comments, you have been given the wrong syntax in the previous answer.

Cypress task is a command that returns a Chainable. You need to use .then() to get the value, so the calling order needs to be different.

it('returns an array containing a found ticket summary', () => {

  cy.task('getTicketBySummary', { issues: mockedTickets, summaryTitle: 'This is ticket number 1' })
    .then(result => expect(result).to.eq(mockedTickets.data.issues[0]) );

});

You probably should use a request handler.

cy.intercept('pageUrl', (req) => { 
  req.destroy();
})

See the official doc here https://docs.cypress.io/api/commands/intercept#Controlling-the-response

I know that it's might too late to answer the question but I'm developing an ESLint plugin nowadays so I was getting this problem. I resolved this problem by adding babel-eslint to the project.

• Add babel-eslint
• Configure .eslintrc.js

$ npm install eslint babel-eslint --save-dev
# or
$ yarn add eslint babel-eslint -D

module.exports = {
  parser: "babel-eslint",
};

Yes, it looks like there is a good attempt to create a scenario recorder and it works to a great extent:

https://chrome.google.com/webstore/detail/cypress-scenario-recorder/fmpgoobcionmfneadjapdabmjfkmfekb/related?hl=en

Just like Alex mentioned in the comment, you cannot return a value from cy commands. But you can do so in the .then block just like:

 it("should have text of 'Backpack'", () => {

  // I have changed the selector since the class name in your HTML is ".inventory_item_name" not ".inventory_item_price"
  cy.get(".inventory_item_name").then(($el) => {
    const text = $el.text(); // Now you have the text "Backpack"

    // Do the assertion here
    expect(text).to.eq("Backpack");
  });
});

You can learn more about why Cypress doesn't return value in this documentation

You can just return the promise from the task, see Waiting for Promises

return a promise to cy.then()
that is awaited until it resolves

module.exports = (on, config) => {
  on('task', {
    getPdfContent(pdfName) {
      return parsePdf(pdfName)   
    }
  })
}

it('Parse PDF', ()=>{
  cy.task('getPdfContent', 'test.pdf').then((content) => 
    console.log(content)
    /*
     {
       numpages: 1, 
       numrender: 1, 
       info: {
         CreationDate: "…"
         Creator: "…"
         IsAcroFormPresent: false
         IsXFAPresent: false
         ModDate: "…"
         ...
       }, 
       metadata: null, 
       text: "…"
       version: "…"
   */
  )
})