如何在赛普拉斯上传图片？

Question

这是我的代码

我已经安装了 cypress-file-upload

在 command.js 文件中导入以下代码导入 'cypress-file-upload';

describe('TEST', function(){

    it('File upload', function(){

        cy.visit('https://tinypng.com/')


    })

    it('File Upload using cypress-file-upload package', () => {
        const filepath = 'train.jpg'
        cy.get('.icon').attachFile(filepath)
        cy.wait(5000)
        
    })
})

Answer 1

tinypng.com 上的 figure.icon 元素需要将文件拖到它上面，但是对于 cypress-file-upload，拖放选项不是默认选项。

这会起作用，

cy.get('.icon')
  .attachFile(filepath, { subjectType: 'drag-n-drop' })

如果你愿意，页面上有输入

cy.get('input[type="file"]')
  .attachFile(filepath, { subjectType: 'input' })  // input is the default type, 
                                                   // so not strictly needed

如何在赛普拉斯上传图片？

How to upload an image in cypress?

javascript

jquery

jquery-file-upload

cypress