javascript - 如何使用赛普拉斯测试提交 json/数据

Question

如何使用赛普拉斯测试发送到服务器的表单数据/json？

我尝试了下一种方法：

    it('Stored value is correct on submission', () => {
        cy.server();
        cy.route({
          method: 'POST',
          url: `/app/api/data/${formId}/${modelId}`,
          onRequest: (e) => {
            cy.get('@formPOST').should('deep.equal', expectedRequestBody);
          }
        });
        cy.get("button[type='submit']").click({force: true});
      });

Answer 1

我寻找一种快速的解决方案来拦截和测试从我的表单发送的数据，但没有找到，所以我分享我的经验：

describe('Submitted data is correct', () => {
      it('Stored and empty values are send as expected', () => {
        cy.server();
        cy.route('POST', `/app/api/data/${formId}`).as('formPOST');
        cy.get("button[type='submit']").click({force: true});
        cy.wait('@formPOST')
          .its('requestBody')
          .should('deep.equal', expectedRequestBody)
      });
    });

请注意，要提交的预期数据位于变量expectedRequestBody中。Cypress 比较重定向后提交的数据事件最有趣和最不清楚的地方