Я пытаюсь проверить загрузку файла с помощью Cypress, используя cypress-file-upload error
. Ошибка: [cypress-file-upload error]: одно или несколько полей недопустимы в данных файлах. Пожалуйста, посмотрите в документах, чтобы найти поддерживаемые значения "fileOrArray"
Я использую antd
для загрузки моего файла, и мой компонент загрузки выглядит следующим образом:
<Upload
beforeUpload={this.beforeUpload}
listType="picture-card"
fileList={fileMain}
onChange={this.handleMainPicChange}
onRemove={this.removeMainFile}
onPreview={this.handleMainPreview}
id="mainImage"
name="mainImage"
data-testid="main-image"
>
{fileMain && fileMain.length >= 1 ? null : uploadButton}
</Upload>
Мой тест выглядит так this:
import "cypress-file-upload";
describe("products catalog", () => {
it("uploads picture", () => {
const mainImage = "download.jpg";
cy.fixture(mainImage).then(fileContent => {
cy.get(".ant-upload-select-picture-card")
.first()
.within(() => {
cy.get("input", { force: true }).upload(
{ force: true },
{
fileContent,
fileName: mainImage,
mimeType: "image/jpeg"
},
{ subjectType: "input" }
);
});
});
});
})
Файл, на который ссылается download.jpg
, находится в cypress/fixtures
каталоге