I am getting a API response as an image, currently i need 2 things.
On postman i am validating the response in Tests as below .
pm.test("Content-Type is present", function () { pm.response.to.have.header("Content-Type","image/png"); });
I want to know how the header response be validated in Cypress code after i have the response.
An example is given here Get Data URL of an image, but the image url is out of date - I substituted the one from Cypress Github page.
Key is to add encoding to the request
cy.request({
url: 'https://cloud.githubusercontent.com/assets/1268976/20607953/d7ae489c-b24a-11e6-9cc4-91c6c74c5e88.png',
encoding: 'base64',
}).then((response) => {
// test any response properties here
const base64Content = response.body
const mime = response.headers['content-type'] // or 'image/png'
expect(mime).to.eq('image/png')
// see https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
const imageDataUrl = `data:${mime};base64,${base64Content}`
return imageDataUrl
})
.then((imageDataUrl) => {
// display the image in Cypress test runner
cy.window().its('document.body')
.then($body => {
$body[0].innerHTML = `<img src="${imageDataUrl}" height="100" width="300" />`
})
})
You can use cy.request to validate the response headers -
cy.request('GET', 'https://jsonplaceholder.cypress.io/comments').then((response) => {
expect(response.headers).to.have.property('Content-Type', 'image/png') //assert Request header
})