• load 2 todo items from fixture using graphql mock
• mock addTodo mutation (can we spy on it?)
• mock 3 todo items load that the web app is expected to do after adding new item
• check DOM is showing 3 items

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	cypress-grep

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update cypress/base Docker tag to v16.18.1
• Update dependency cypress-each to v1.14.0
• Update dependency cypress-timestamps to v1.2.3
• Update cypress/base Docker tag to v22
• Update dependency @bahmutov/cy-api to v2
• Update dependency cypress to v13
• Update dependency cypress-data-session to v2
• Update dependency cypress-grep to v3
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Hi @bahmutov - thanks for this, I just found it after reading your article here: https://glebbahmutov.com/blog/smart-graphql-stubbing/.

I am also working on doing some Cypress testing on a Graphql so would be happy to offer some input here! About 6 - 8 weeks ago I was tearing my hair out with trying to test this and felt sure there had to be an easier way than what I found at the time.

I was thinking though, since cy.route2 allows us to provide a route matcher (https://docs.cypress.io/api/commands/route2.html#routeMatcher-RouteMatcher), why not just put a x-gql-operation-name header in to our graphql requests that we can use to identity them. It's relatively easy to add this to the headers using the React Apollo client for example.

As I understand it, we'd then be able to alias the calls and use them in a relatively straight forward Cypress-y way.

What do you think, is it something you've considered before?

from "classic" TodoMVC app

I'm following along this tutorial but by localhost:1234 isn't live after running 'npm start'. Can you guide me through, please.

https://glebbahmutov.com/blog/e2e-testing-graphql-using-cypress/

it.skip('shows new item after reload', () => {
  cy.get('.todo-list li').should('have.length', 2)
  cy.get('.new-todo').type('new todo{enter}')

  cy.get('.todo-list li')
    .should('have.length', 3)
    .contains('new todo')

  // currently deletes the window.fetch mock
  cy.reload()
})

this "loses" the stubbed fetch, and breaks in-memory json-server load

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Hmm, we need to execute multiple mutations

by executing a mutation