Headers change from original case to all lowercase during cy.request()

[Robpizza]

Current behavior:

I use the "Authorization" header to authenticate a request but when I post a html form in cypress it changes all the HTTP headers to lowercase, so "Authorization" becomes "authorization" which is refused at backend.

so this is my browser

this is cypress

Desired behavior:

I'd like the request headers to keep their capital letter because it causes issues😋

Steps to reproduce:

Make a small php file with a html form, and when submit print_r(getallheaders());

Versions

Cypress V3.1.2
NodeJS v8.11.4
Npm v6.4.1

I use Chrome v70.0.3538.110 on MacOS Mojave v10.14.1

[Robpizza]

I tried it in NodeJS + Express and the headers are all converted to lowercase but when I request rawHeaders they are normal.

Request headers

{ authorization: '1234567890',
  authorisation: '1234567',
  'cache-control': 'no-cache',
  'postman-token': 'd9567be6-c426-4351-8746-f49b104aa149',
  'user-agent': 'PostmanRuntime/7.4.0',
  accept: '*/*',
  host: '0.0.0.0:7070',
  'accept-encoding': 'gzip, deflate',
  'content-length': '0',
  connection: 'keep-alive' }

Raw headers

[  'Authorization', '1234567890',
'Authorisation', '1234567',
'cache-control', 'no-cache',
'Postman-Token', 'd9567be6-c426-4351-8746-f49b104aa149',
'User-Agent', 'PostmanRuntime/7.4.0',
'Accept', '*/*',
'Host', '0.0.0.0:7070',
'accept-encoding', 'gzip, deflate',
'content-length', '0',
'Connection', 'keep-alive' ]

[Robpizza]

Does Cypress use HTTP in NodeJS to send requests?
if so that could cause this problem, according to this Github issue.

[Robpizza]

bump

[Robpizza]

We changed our back-end 👍

[jennifer-shehane]

Hey @Robpizza, the HTTP spec does define header fields as case insensitive - so servers should be case insensitive as well.

Each header field consists of a case-insensitive field name followed by a colon (":"), optional leading whitespace, the field value, and optional trailing whitespace.

But, I understand that not all servers may choose to behave in this way. I don't think it would be unreasonable to pass along the Header fields with the casings as they were originally requested, but as you said, I'm not sure how this is implemented.

[jennifer-shehane]

Cypress currently transforms all headers to be lowercase when testing using cy.request(), so if you are willing to update your server, ensure it does not care about casing of headers.

[jennifer-shehane]

Hey @nhhockeyplayer, please see our main documentation here: https://docs.cypress.io

Cypress is a front end testing tool built for the modern web. We address the key pain points developers and QA engineers face when testing modern applications.

TypeScript doc: https://on.cypress.io/typescript-support

[jennifer-shehane]

@nhhockeyplayer I'm sorry, I don't understand completely. What is happening that you want to stop happening? Where are you seeing behavior from Cypress exactly?

[jeffj6123]

Hello,

I am also experiencing this issue but with cy.route where the response headers are being transformed to lowercase and modifying them. The following is the same semantics they use; casing and hyphens. This format is odd but I do not have control over changing the server that provides the response. Would there be any work around here?

        headers: {
            'TEST-HeaderName': 'some value',
        }

is changed to

"test-header-name" 

Cypress version is 4.12.1

[renanpupin]

I can confirm it's happening with the Authorization header.

[ReactQQ]

Any chances to make "headers converting" an option that could be set in cypress options?

[mjhenkes]

The http spec specifies that headers should be case insensitive, as such we're closing this issue.

Each header field consists of a case-insensitive field name followed by a colon (":"), optional leading whitespace, the field value, and optional trailing whitespace.