jquery 如何在cypress上传图片?

zynd9foi  于 2023-04-29  发布在  jQuery
关注(0)|答案(2)|浏览(124)

这是我的代码
我已经安装了cypress-file-upload

  • 在命令中导入以下代码。js file import '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)
        
    })
})
58wvjzkj

58wvjzkj1#

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
hwamh0ep

hwamh0ep2#

如果你不想使用这个上传一个真实的文件,如果你想让它拖放,请参阅上面的注解

cy.get('input[type="file"]').selectFile({
  contents: Cypress.Buffer.from('file contents'),
  fileName: 'avatar.gif',
  lastModified: Date.now(),
});

相关问题