上传图片 [赛普拉斯]

Question

我正在尝试将 本地文件 中的 jpeg 图像上传到我在工作中开发的网页。问题是，我们需要点击页面以打开文件资源管理器，然后选择图像（或拖放到可能被点击的相同位置）。 Here is a picture from the web page

我不知道我该怎么做，我正在尝试一些我在“https://medium.com/@chrisbautistaaa/adding-image-fixtures-in-cypress-a88787daac9c”中看到的代码。但不工作。我实际上不知道它是如何工作的，有人可以帮助我吗？

Here is my code

在@brendan 的帮助下，我能够通过找到一个“隐藏”在元素下的输入来解决问题。但是，在此之前我尝试了拖放，赛普拉斯给我返回了一个错误（尽管上传成功）。上下文是，在上传后，元素立即重新渲染，cypress 告诉我： 。

除了输入元素的成功之外，我想知道如何解决这个错误，是否可以在内部对 cypress 做一些事情以忽略或等到元素重新渲染恢复正常？ cypress 建议的解决方案：

Answer 1

我们正在使用cypress-file-upload 进行此操作

这是我们代码中的一个示例：

cy.fixture(fileName).then(fileContent => {
  cy.get(selectors.dropZoneInput).upload(
    { fileContent, fileName, mimeType: "application/pdf" },
    { subjectType: "drag-n-drop" }
  );
});

出于您的目的，我认为这会起作用：

cy.fixture(imagePath).then(fileContent => {
  cy.get(".upload-box").first().upload(
    { fileContent, fileName, mimeType: "image/jpeg" },
    { subjectType: "drag-n-drop" }
  );
});