如何在剧作家中发送输入文件，其中输入具有隐藏属性

Question

我无法使用 Playwright 上传文件，因为它找不到输入类型的定位器

我正在尝试上传如下文件：

 await page.locator('//div/input[@class=xyz]').setInputFiles('Upload_files/CSV Test file.csv');

但是浏览器无法找到此定位器作为属性隐藏的输入类型

<input type="file" class="xyz" accept=".jpg,.jpeg,.png,.doc,.docx,.xlsx,.xls,.csv,.pdf" hidden>

Answer 1

不确定我真的喜欢这个，但你可以先删除隐藏属性...

await this.page.evaluate(() => {
      const inputElement = document.querySelector('//div/input[@class=xyz]');
      if (inputElement) {
        inputElement.removeAttribute('hidden');
      }
    });