赛普拉斯没有上传图片

Question

我正在自动化 cypress 中的一个用例，但我无法使用附加文件功能上传图像。 下面是 HTML 标签中的代码和 sn-ps

界面上传图片

HTML 标签

VS 代码

Answer 1

我认为您首先要将文件附加到<input>。然后单击按钮，或者您甚至不必执行 click()。

来自文档，

// start watching the POST requests
cy.intercept({ method: 'POST', url: /upload_endpoint/ }).as('upload');

const myFilePath = 'product.jpeg'; // file is in "/cypress/fixtures/" folder

cy.fixture(myFilePath, 'binary')
  .then(Cypress.Blob.binaryStringToBlob)
  .then(fileContent => {
    cy.get('input#productImageUpload').attachFile({
      fileContent,
      fileName: myFilePath,
      mimeType: 'application/octet-stream',
      encoding:'utf8',
      lastModified: new Date().getTime(
    })
  })

cy.get('.label-side').click()   // may not need to do this

// wait for the 'upload_endpoint' request, and leave a 2 minutes delay before throwing an error
cy.wait('@upload', { requestTimeout: 120000 });