Hvernig á að fanga netvafraumferð (XHR) með Cypress

Cypress er næstu kynslóð prófunartæki fyrir framan enda byggt fyrir nútíma vefinn. Cypress hefur marga fallega eiginleika til að auðvelda sjálfvirkan vafra.

Einn af þessum eiginleikum er hæfileikinn til að ná netumferð. Þessi færsla gefur dæmi um hvernig á að fanga XHR netumferð meðan þú sendir inn eyðublað.

Handtaka netumferð (XHR) með Cypress

describe('Capture browser network traffic', function () { context('Login functionality', () => {
it('Dscro should be able to login', () => {
cy.server()
//This is the post call we are interested in capturing
cy.route('POST', 'https://loginservice.example.net/login/json/authenticate').as('login')
cy.visit('https://example.net/login')
cy.get('#email').type('tester@gmail.com')
cy.get('#password').type('Passw0rd1')
cy.get('button[type=submit]').click()
cy.wait('@login')
//Assert on XHR
cy.get('@login').then(function (xhr) {
expect(xhr.status).to.eq(200)
expect(xhr.requestHeaders).to.have.property('Content-Type')
expect(xhr.requestHeaders).to.have.property('X-Password', 'Passw0rd1')
expect(xhr.method).to.eq('POST')
expect(xhr.responseBody).to.have.property('tokenId')
})
}) }) })

Lestu meira á Cypress Cypress