how to add file image in cypress script code example
Example 1: upload image cypress
// programmatically upload the logo
cy.fixture('images/logo.png').as('logo')
cy.get('input[type=file]').then(function($input) {
// convert the logo base64 string to a blob
return Cypress.Blob.base64StringToBlob(this.logo, 'image/png')
.then((blob) => {
// pass the blob to the fileupload jQuery plugin
// used in your application's code
// which initiates a programmatic upload
$input.fileupload('add', { files: blob })
})
})
Example 2: upload photos cypress
it('Uploads a CSV', () => {
cy.document().trigger('dragenter')
// you don't need to use cy.document() that is where my event listener is.
//you could use cy.get('element').trigger('dragenter')
cy.dropFile('test.csv')
})