Some fixes for intercept tests.

examples/blogs__vue-vuex-rest/cypress/e2e/api-spec.cy.js

@@ -76,7 +76,7 @@ describe('Misc tests', () => {
   // from a fixture file
   it('loads todos from fixture file', () => {
     // loads response from "cypress/fixtures/todos.json"
-    cy.intercept('/todos', 'fixture:todos')
+    cy.intercept('/todos', { fixture: 'todos' })
     cy.visit('/')
     getTodoItems()
     .should('have.length', 2)

examples/blogs__vue-vuex-rest/data.json

@@ -1,3 +1,3 @@
 {
   "todos": []
-}
+}

examples/logging-in__xhr-web-forms/cypress/e2e/logging-in-xhr-web-form-spec.cy.js

@@ -72,7 +72,7 @@ describe('Logging In - XHR Web Form', function () {
         'POST',
         '/login',
         {
-          status: 503,
+          statusCode: 503,
           response: {},
         }
       )
@@ -86,7 +86,7 @@ describe('Logging In - XHR Web Form', function () {
       // we can even test that the correct request
       // body was sent in this XHR
       cy.wait('@postLogin')
-      .its('requestBody')
+      .its('request.body')
       .should('deep.eq', {
         username: 'jane.lae',
         password: 'password123',

examples/server-communication__xhr-assertions/cypress/e2e/clock-control.cy.js

@@ -14,6 +14,6 @@ describe('clock', () => {
     // force the application to pass 1 second really quickly
     // https://on.cypress.io/tick
     cy.tick(1001)
-    cy.wait('@post').should('have.property', 'status', 201)
+    cy.wait('@post').its('response').should('have.property', 'statusCode', 201)
   })
 })

examples/server-communication__xhr-assertions/cypress/e2e/multiple-requests.cy.js

@@ -18,22 +18,22 @@ describe('waits', () => {
     cy.get('@post.all').should('have.length', 2)
     .then((xhrs) => {
     // xhrs is an array of network call objects
-      expect(xhrs[0], 'first request status').to.have.property('status', 201)
-      expect(xhrs[1], 'second request status').to.have.property('status', 201)
+      expect(xhrs[0].response, 'first request status').to.have.property('statusCode', 201)
+      expect(xhrs[1].response, 'second request status').to.have.property('statusCode', 201)
     })
 
     // and we can make assertions about each separate call
     // by retrieving it like this (index starts with 1)
     // cy.get('<alias>.<index>')
     cy.get('@post.1').should((xhr1) => {
-      expect(xhr1, 'first request').to.have.property('status', 201)
+      expect(xhr1.response, 'first request').to.have.property('statusCode', 201)
     })
 
     // we cannot guarantee the order of XHR requests - they really depend on the
     // server response speed. Sometimes a later request finishes first.
     // all we can say that each request should receive a response with
     // id equal to 101 or 102
-    cy.get('@post.1').its('response.body.id').should('be.oneOf', [101, 102])
-    cy.get('@post.2').its('response.body.id').should('be.oneOf', [101, 102])
+    cy.get('@post.1').its('response').its('body.id').should('be.oneOf', [101, 102])
+    cy.get('@post.2').its('response').its('body.id').should('be.oneOf', [101, 102])
   })
 })

examples/server-communication__xhr-assertions/cypress/e2e/spec.cy.js

@@ -42,20 +42,21 @@ describe('XHR', { retries: 3 }, () => {
     // see https://on.cypress.io/get
 
     // tip: log the request object to see everything it has in the console
-    cy.get('@post').then(console.log)
+    cy.wait('@post').then(console.log)
 
     // you can retrieve the XHR multiple times - returns the same object
     // confirm the request status
-    cy.get('@post').should('have.property', 'status', 201)
+    cy.get('@post').its('response').should('have.property', 'statusCode', 201)
 
     // we cannot chain any more assertions to the above request object
     // because the "have.property" assertion yields the property's value
     // so let's just grab the request object again and run multiple assertions
     cy.get('@post').should((req) => {
-      expect(req.method).to.equal('POST')
-      expect(req.url).to.match(/\/posts$/)
+      console.log('post req', req)
+      expect(req.request.method).to.equal('POST')
+      expect(req.request.url).to.match(/\/posts$/)
       // it is good practice to add message to the assertion
-      expect(req, 'has duration in ms').to.have.property('duration').and.be.a('number')
+      expect(req, 'has a request id').to.have.property('browserRequestId').and.be.a('string')
     })
 
     // let's confirm the request sent to the server
@@ -66,7 +67,7 @@ describe('XHR', { retries: 3 }, () => {
     })
 
     // alternative: use "requestBody" alias to "request.body" property access
-    cy.get('@post').its('requestBody')
+    cy.get('@post').its('request.body')
     .should('have.property', 'title', 'example post')
 
     // get the same request object again and confirm the response
@@ -110,8 +111,8 @@ describe('XHR', { retries: 3 }, () => {
     //
     //  https://on.cypress.io/wait
     cy.wait('@post').should((xhr) => {
-      expect(xhr.status, 'successful POST').to.equal(201)
-      expect(xhr.url, 'post url').to.match(/\/posts$/)
+      expect(xhr.response.statusCode, 'successful POST').to.equal(201)
+      expect(xhr.request.url, 'post url').to.match(/\/posts$/)
     // assert any other XHR properties
     })
 

examples/stubbing-spying__window-fetch/cypress/e2e/stub-fetch-spec.cy.js

@@ -122,7 +122,7 @@ describe('stubbing', function () {
       cy.intercept(
         '/favorite-fruits',
         {
-          status: 500,
+          statusCode: 500,
           body: '',
           delay: 2000,
           headers: {

examples/testing-dom__select2/cypress/e2e/spec.cy.js

@@ -183,15 +183,15 @@ describe('select2', () => {
       // cy.intercept(
       //   'https://jsonplaceholder.cypress.io/users?_type=query',
       //   {
-      //     body: 'fixture:query.json',
+      //     fixture: 'query.json',
       //     delay: 1000,
       //   }
       // ).as('query')
 
       // cy.intercept(
       //   'https://jsonplaceholder.cypress.io/users?term=clem&_type=query&q=clem',
       //   {
-      //     response: 'fixture:clem.json',
+      //     fixture: 'clem.json',
       //     delay: 1000,
       //   }
       // ).as('user_search')