`cy.intercept` request.body is ArrayBuffer for JSON requests with long Cyrillic strings

[KarKarbI4]

Current behavior

When sending request with cyrillic strings in json data to url, stubbed by cy.intercept, request.body object is ArrayBuffer, not plain object.

// intercept some url with any data
cy.intercept(URL, {
  body: { result: 'ok' },
}).as('testRequest');

// send json request with cyrillic string in data (length must be more than 6)
sendRequest({name: "Фрауиванович"})
cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      console.log(req.body); // is ArrayBuffer object, not plain object
});

// send json request without cyrillic in data
sendRequest({name: "FrausIvanovich"})
cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      console.log(req.body); // is plain object, as expected
});

Desired behavior

When sending request with cyrillic strings in json data to url, stubbed by cy.intercept, request.body is plain object

// send json request with cyrillic string in data (length must be more than 6)
sendRequest({name: "Фрауиванович"})
cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      console.log(req.body); // is plain object
});

Test code to reproduce

Test code to reproduce: https://github.com/KarKarbI4/cypress-cyrillic-intercept-issue/blob/main/cypress/integration/spec.js
Test repo: https://github.com/KarKarbI4/cypress-cyrillic-intercept-issue

Versions

Cypress: cypress@7.1.0, cypress@7.2.0
Browser: Google Chrome 90
OS: MacOS Big Sur 11.2.3

[jennifer-shehane]

The example you gave would 'sometimes fail' the other assertions because the requests were being made synchronously, so sometimes the 3rd definition had already run by the time the first wait ran.

Regardless, the last test below will always reliably fail, as the response is an ArrayBuffer when the response data is Фраусиванович. Seems unexpected to me.

it('cy.intercept cyrillyc issue test', () => {
  cy.intercept('https://example.com/test', {
    body: { result: 'ok' },
  }).as('testRequest');

  cy.window().then(() => {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://example.com/test');
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(JSON.stringify({ name: 'Frausivanovich' }))
  })
  cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      expect(req.body).to.not.be.an('ArrayBuffer'); // ✅ passes
      expect(req.body).to.be.an('object'); // ✅ passes
    });

  cy.window().then(() => {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://example.com/test');
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(JSON.stringify({ name: 'Фраус' }))
  })

  cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      expect(req.body).to.not.be.an('ArrayBuffer'); // ✅ passes
      expect(req.body).to.be.an('object');  // ✅ passes
    });

  cy.window().then(() => {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://example.com/test');
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(JSON.stringify({ name: 'Фраусиванович' }))
  })

  cy.wait('@testRequest')
    .its('request')
    .then((req) => {
      expect(req.body).to.be.an('ArrayBuffer'); // ✅ passes
      expect(req.body).to.be.an('object'); // ❗️ fails
    });
});

[alexneo2003]

I have the same problem since version 7.0.0, but I couldn't manage to write a test to reproduce this error. In my live tests, I was getting an error but in the isolated test, nothing was reproducible. And now, thanks to @jennifer-shehane , I also managed to reproduce it.

[jk4235]

same issue.
use cypress.intercept stub graphql request

cy.intercept('POST', '/graphql', (req) => {
  if (req.body.operationName.includes('ListPosts')) {
    req.alias = 'gqlListPostsQuery'
  }
console.log(req.body)
// any graphql request contains 'mutation' req.body will be arraybuffer
})

cypress 7.3.0

[sainthkh]

It seems that the problem happens with non-ascii characters. I tested with Korean and it fails, too.

But interestingly, it passes with less characters, if I change 안녕녕 below with 안녕, it passes.

cy.window().then(() => {
  let xhr = new XMLHttpRequest()

  xhr.open('POST', 'https://example.com/test')
  xhr.setRequestHeader('Content-Type', 'application/json')
  xhr.send(JSON.stringify({ name: '안녕녕', value: 'sss' }))
})

cy.wait('@testRequest')
.its('request')
.then((req) => {
  console.log(req.body)

  expect(req.body).to.be.an('ArrayBuffer') // ✅ passes
  expect(req.body).to.be.an('object') // ❗️ fails
})

[sainthkh]

The cause of the problem is bevry/istextorbinary#13.

[sainthkh]

I submited PR at bevry/istextorbinary#214. It's now awaiting external fix.