Cypress w/graphql - 通过 UI 进行测试时遇到问题。存根突变的更好方法？

Question

因此，如果我在真空中测试页面而没有与后端进行太多交互，那么效果很好。如果它遇到任何类型的服务，我在实际与我的 UI 交互时遇到问题。基本上，没有什么是经过验证的。我尝试以编程方式 setCookie，没有骰子。我试着读饼干，不。顺便说一句，我的整个网站都需要登录。

cy.setCookie('sess', ';askjdfa;skdjfa;skdjfa;skdjfa;skfjd');<-- does not work

cy.getCookie('sess').should('exist') <-- does not work

我在真正“测试”这个的最佳方式上遇到了问题。例如，我有一个帐户部分，用户可以“更新”他们的个人信息。我尝试，填写表单（通过UI测试），但提交被拒绝，没有Auth。即使我刚刚登录（通过 UI 测试）。- 我知道我需要删除它，因为对我网站的每个部分进行 UI-Login 都是不好的做法。

所以，我不知道如何使用 cy.request() 存根 graphql 调用。这是我的突变。

mutation Login($email: Email!, $password: String!) {
  login(email: $email, password: $password) {
    userID
    firstName
    lastName
  }
}

1. 现在，我正在为我正在测试的站点的每个部分导入登录规范。我知道这是一种反模式。喜欢解决这个问题。

2. 我的 AUTH (cookie) 没有被设置。即使我尝试以编程方式设置它，也不起作用。

3. 也许我应该剔除我的 graphql 突变？如何？

4. 最后，如果我正在剔除我的 graphql 突变，我该如何更新会话（通过我的主会话查询）。如果我可以让这些突变起作用，那么刷新页面将获得我更新的数据，所以我并不完全需要这部分。

有任何想法吗？

Answer 1

我没有做存根和所有这些，因为你cy.request在我的另一篇文章中问突变将如何工作。我是这样做的，它基本上有效。希望这会有所帮助

const虽然我创建了第一个

export const join_graphQL = (query, extra={}) => {
  return `mutation {
    ${query}(join: { email: "${extra.email}", id: "${extra.id}" }) {
              id, name, email
          }    
  }`
};

请求配置 const

export const graphqlReqConfig = (body={}, api=graphQlapi, method='POST') => {
  return {
    method,
    body,
    url: api,
    failOnStatusCode: false
  }
};

变异查询 cy.request

const mutationQuery = join_graphQL('mutationName', {
  email: "email",
  id: 38293
});

cy.request(graphqlReqConfig({
  query: mutationQuery
})).then((res) => {
  const data = res.body.data['mutationName'];  // your result
});

希望它不会太乱看。

基本上这些字段需要是字符串，"${extra.email}"否则它会给你错误。不知道 graphql 是如何深入工作的，但如果我只是这样做，${extra.email}我会得到一个错误，我忘记了它是什么错误。