如何从 cypress 中的（禁用）文件输入中取消选择文件？

Question

我禁用了文件输入 (

<input type="file">

)，并且我使用

selectFile('filepath', { force: true })

选择了一个文件。这很好用。

但是现在我想取消选择该文件:

我尝试了

.clear({ force: true })

和

.selectFile(null, { force: true })

，但它们不起作用。

Answer 1

我添加了一个简单的验证，我的逻辑忽略没有内容的文件。因此，无论何时何地我需要对文件更改做出反应，我只需检查文件大小即可：

if (file.size <= 0) {
  return;
}

也许您还可以创建一个文件处理程序，在选择空文件时直接将文件输入（本身）设置为 null。

然后我使用：

cy.get('input[type=file]').selectFile([], { force: true })

我只传递空内容（空缓冲区，

[]

）而不是文件，因此它没有名称，看起来没有选择任何内容。

如果您需要允许空文件，这不适合您。但也许你可以输入并检查非常具体的内容。