0
554
Viewscypress-file-upload no adjunte un archivo a uno de los campos
Estoy usando cypress-file-upload para adjuntar archivos a los campos de entrada. Usando el mismo enfoque para todas estas entradas en diferentes lugares (en diferentes ventanas modales en mi caso) . Pero en un lugar, los archivos no se adjuntan por algún motivo, en los pasos ejecutados, el archivo se adjunta pero en modal no se muestra (zona roja) .
Lo que necesito hacer:
- modal abierto
- adjuntar un archivo
- llenar todos los campos
- haga clic en el botón Enviar, pero está deshabilitado porque falla no está adjunto
Y cómo se ve en el código:
addUpdates(name, family, version, notes, file) { cy.get(this.topMenu_addButton).click() cy.get('.upload-field').should('be.visible') cy.get('input[type=file]').attachFile(file) cy.get(this.modal_field).should('be.visible').fill(name) cy.get(this.modal_familyField).fill(family) cy.get(this.modal_versionField).fill(version) cy.get(this.modal_notesField).fill(notes) cy.get(this.modal_proceedButton).should('be.enabled').click() }Todos los campos se completaron con éxito, pero el archivo no se adjuntó. ¿Algunas ideas?
2 answers
Answer question0
El registro le dice que el archivo está realmente adjunto. (Inspeccione también en la consola de desarrollo, el elemento de entrada tendrá una matriz de archivos no vacía).
Parece que necesita activar un evento de cambio o entrada para decirle a la aplicación que se ha adjuntado algo
cy.get('input[type=file]').attachFile(file) .trigger('change')o
cy.get('input[type=file]').attachFile(file) .trigger('input')En su defecto, intente forzar el clic del botón
cy.get(this.modal_proceedButton).click({force:true})0
Este es un comando personalizado que uso para cargar archivos y nunca me ha fallado :)
Cypress.Commands.add("UploadFile", function () { cy.fixture("somefile", "binary") .then(Cypress.Blob.binaryStringToBlob) .then((fileContent) => { cy.get('someelement').attachFile({ fileContent, filePath: "somefile", fileName: "somefile", do more stuff here }); }); });Creo que esto debería funcionar para usted
addUpdates(name, family, version, notes, file) { cy.get(this.topMenu_addButton).click() cy.get('.upload-field').should('be.visible') cy.fixture("somefile", "binary") .then(Cypress.Blob.binaryStringToBlob) .then((fileContent) => { cy.get('input[type=file]').attachFile({ fileContent, filePath: "somefile", fileName: "somefile", cy.get(this.modal_field).should('be.visible').fill(name) cy.get(this.modal_familyField).fill(family) cy.get(this.modal_versionField).fill(version) cy.get(this.modal_notesField).fill(notes) cy.get(this.modal_proceedButton).should('be.enabled').click() }O simplemente puede usar el primer ejemplo que di como un comando personalizado y hacer:
addUpdates(name, family, version, notes, file) { cy.get(this.topMenu_addButton).click() cy.get('.upload-field').should('be.visible') cy.UploadFile(); cy.get(this.modal_field).should('be.visible').fill(name) cy.get(this.modal_familyField).fill(family) cy.get(this.modal_versionField).fill(version) cy.get(this.modal_notesField).fill(notes) cy.get(this.modal_proceedButton).should('be.enabled').click() }