how to upload image in cypress code example
Example 1: upload photos cypress
cy.fixture('path/to/image.png').as('logo')
.get('input[type=file]').then(function(el) {
return Cypress.Blob.base64StringToBlob(this.logo, 'image/png')
.then(blob => {
el[0].files[0] = blob
el[0].dispatchEvent(new Event('change', {bubbles: true}))
})
})
Example 2: upload photos cypress
Cypress.Commands.add(
'dropFile', {
prevSubject: false
}, (fileName) => {
Cypress.log({
name: 'dropFile',
})
return cy
.fixture(fileName, 'base64')
.then(Cypress.Blob.base64StringToBlob)
.then(blob => {
return cy.window().then(win => {
const file = new win.File([blob], fileName)
const dataTransfer = new win.DataTransfer()
dataTransfer.items.add(file)
return cy.document().trigger('drop', {
dataTransfer,
})
})
})
}
)