How to use setPluginResolvedOn method in Cypress

cypress-promise was last updated nearly 3 years ago, and there's been some major changes to core Cypress since. Even when it was current, there were caveats from the author about it's use.

There is a simpler way to do what you want, since jQuery .find() will work in the same way as promisify in your code

cy.get(".products").find(".product").each(($el, index) => {
  
  // jQuery version of find(), which will not throw an error
  const $productName = $el.find(".product-name")

  // to see if the find() succeeded, check the length of the jQuery result object
  if ($productName.length) {
    const txtElement = $productName[0]   // presume you want the raw element?
    ...                                  // test it here
  } else {
    cy.log('No product name for product' + index)
  }
});

It seems unlikely that a product would not have a product name, so I disagree with the theory that the .find() is failing.

Note, you should be careful about what you do at the line // test it here. It is possible for the .each() command to loop too quickly, and also for for the .products list to become "detached" and cause an error.

To work around any problems in the loop, take a look at the article A Better cy.each Iteration

Also, adding .product-name to the .product selector should yield the same result.

cy.get(".products").find(".product .product-name")
  .each($txtElement => {
    ...

This could be bad advice, but can you try the following?

cy.findAllByRole('rowheader').eq(2).click({force: true})

you can use contain keyword to look string that contain a substring

with should to perform directly the assertion

cy.get('[data-id="error"]').should('contain', 'is missing')

or get only element that contain text with contains

cy.get('[data-id="error"]').contains('is missing')

them perform needed assertion on it

If you want to use the :has() pseudo-selector, you should do so on the outer of the .each() loop.

But please beware, :has() pseudo-selector will fail if there are zero buttons already clicked.

let myArray: any = []

cy.get('li[class="xyz"]:has(button[aria-label="remove"])')  // implied filter
  .each($li => {
    // only element with remove attribute inside here
    cy.wrap($li)
      .find('div[class="theText"]')
      .invoke('text')
      .then(text => {
        myArray.push(text)
      })
  })
}).then(() => {
  cy.wrap(myArray).as('myArray')
})

@Konrad is nearly correct, you need to return both the cy.request() and the result of the following .then().

But unfortunately you can't use async/await on Cypress commands as they do not return Promises, they return Chainer objects.

This is how you can adjust the code

const WebApiRequests = {
  url: "https://api.jsonbin.io/v3/b/62e129e3248d43754f074152",

  makeRequest: function (method, url, body) {
    return cy            // return the Chainable (it's not a promise)
      .request({
        method: method,
        url: url,
        body: body,
      })
      .then((response) => {
        return response.body["record"][0]["team"];   // return the modified response
      });
  },
};

const QueryingPage = {
  inputNameObject: function () {
    return cy.get("#inputName");
  },
};

describe("Navigate to Querying page", () => {
  it("Visits the Cypress website and clicks on the Querying menu", () => {
    cy.visit("https://example.cypress.io/commands/querying");
    WebApiRequests.makeRequest("GET",  WebApiRequests.url,  "")

      // use then to unwrap the Chainable
      .then(text => {
        QueryingPage.inputNameObject().type(text);          // passes
      })
  });
});

This answer was initially found for a similar Vue/Cypress question answered by @Richard Matsen - His answer can be found here

Essentially, we just call the window with cypress then using the window, we'll access our variables.

Using the example above, you can get variables which are server is loaded via js source files:

Solution

Your variable to get

var varyingUrl  = 'www.google.com';

The cypress code:

cy.window().then((win) => {
    // use this area to code using the variable, prepending with "win." eg.
    cy.log(win.varyingUrl) // or console.log(win.varyingUrl)

})

Console output:

'www.google.com'

How about using Cypress.Promise? From the docs

Cypress is promise aware so if you return a promise from inside of commands like .then(), Cypress will not continue until those promises resolve

const populateArray = () => {
  return new Cypress.Promise((resolve, reject) => {
    let arr = []
    cy.xpath('//ul')
      .children('li')
      .each(element => arr.push(element.attr('data-testid'))) // NOTE different push
      .then(() => {
        return resolve(arr)
      })
  })
}

Call with await (test must be async),

it('gets the array', async () => {

  const actualArray = await ArticlePage.populateArray();
  expect(actualArray).to.deep.equal(['1', '2', '3']);  // whatever is in 'data-testid'

})

Updated for Cypress v7.0.0 Released 04/05/2021

The change-log shows from this release the intercepts are now called in reverse order

Response handlers (supplied via event handlers or via req.continue(cb)) supplied to cy.intercept() will be called in reverse order until res.send is called or until there are no more response handlers.

Also illustrated in this diagram from the documentation

When you set up identical intercepts, the first one will grab all the calls. But you can wait on the first alias multiple times.

Here's a (reasonably) simple illustration

spec

Cypress.config('defaultCommandTimeout', 10); // low timeout
                                             // makes the gets depend on the waits 
                                             // for success

it('never fires @call2',()=>{

  cy.intercept({ pathname: "/posts", method: "POST" }).as("call1")
  cy.intercept({ pathname: "/posts", method: "POST" }).as("call2")

  cy.visit('../app/intercept-identical.html')
  
  cy.wait('@call1')                               // call1 fires 
  cy.get('div#1').should('have.text', '201')

  cy.wait('@call2')                               // call2 never fires
  cy.wait('@call1')                               // call1 fires a second time
  cy.get('div#2').should('have.text', '201')

})

app

<body>
  <div id="1"></div>
  <div id="2"></div>
  <script>

    setTimeout(() => {
      fetch('https://jsonplaceholder.typicode.com/posts', {
        method: 'POST',
        body: JSON.stringify({ title: 'foo', body: 'bar', userId: 1 }),
        headers: { 'Content-type': 'application/json; charset=UTF-8' },
      }).then(response => {
        document.getElementById('1').innerText = response.status;
      })
    }, 500)
  
    setTimeout(() => {
      fetch('https://jsonplaceholder.typicode.com/posts', {
        method: 'POST',
        body: JSON.stringify({ title: 'foo', body: 'bar', userId: 2 }),
        headers: { 'Content-type': 'application/json; charset=UTF-8' },
      }).then(response => {
        document.getElementById('2').innerText = response.status;
      })
    }, 1000)

  </script>
</body>

You can see it in the Cypress log,

Closing cypress browser window, rerunning npx cypress open and then starting cypress test worked!!! Though I don't know what might have gone wrong exactly.