{"id":2517,"date":"2020-01-31T11:27:07","date_gmt":"2020-01-31T05:57:07","guid":{"rendered":"https:\/\/scrolltest.com\/?p=2517"},"modified":"2020-04-08T10:21:04","modified_gmt":"2020-04-08T04:51:04","slug":"cypress-upload-file","status":"publish","type":"post","link":"https:\/\/scrolltest.com\/cypress-upload-file\/","title":{"rendered":"Cypress Tutorial For Beginners : Part 2 ( Upload a File )"},"content":{"rendered":"

In this video cypress tutorial for beginners, We are going to learn how to upload a file in cypress and create our first script to test to upload a file and check that file is uploaded successfully. <\/p>\n

Cypress Upload File<\/strong><\/h2>\n

You need to install<\/p>\n

    \n
  1. Download the node module<\/a>  :  npm i cypress-file-upload<\/strong><\/li>\n<\/ol>\n

    2. Require it in your script<\/p>\n

    import ‘cypress-file-upload’;<\/strong><\/p>\n

    3. Now use the Fixture method <\/a>to upload the file.<\/p>\n

    const fileName = ‘data.json’;<\/strong>cy.fixture(fileName).then(fileContent => {cy.get(‘[data-cy=”file-input”]’).upload({ fileContent, fileName, mimeType: ‘application\/json’ });});<\/strong><\/p>\n

    —————————————————–\ud83d\udc6a Join our Community – http:\/\/bit.ly\/learntesting2019\u2705 Automation Community – https:\/\/thetestingacademy.com\ud83d\udc26Follow us on Twitter – https:\/\/twitter.com\/itstechmode\ud83d\udcd6 Like us on Facebook – https:\/\/www.facebook.com\/scrolltest\ud83c\udfa4 Listen to our Podcast – https:\/\/anchor.fm\/thetestingacademy——————————————————#automationtesting #manualtesting #testautomation #thetestingacademy #scrolltest<\/p>\n