File upload (cy.selectFile) in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of cy.selectFile() in Cypress?

cy.selectFile() is used to simulate a user selecting a file for upload in a test. It helps automate file upload testing by programmatically choosing files.

beginner

How do you specify a file to upload using cy.selectFile()?

You provide the file path as a string or an object with file details inside cy.selectFile(). For example: cy.get('input[type=file]').selectFile('cypress/fixtures/sample.png').

intermediate

What option do you use with cy.selectFile() to simulate a drag-and-drop file upload?

Use the option { action: 'drag-drop' } to simulate dragging and dropping a file onto the target element.

intermediate

Why is it important to use fixtures for file upload tests in Cypress?

Fixtures store test files in a central place, making tests easier to maintain and share. Using fixtures ensures consistent file content and paths during tests.

intermediate

What assertion can you use to verify a file was uploaded successfully after using cy.selectFile()?

You can check the input element's files property or verify UI changes like file name display. For example: cy.get('input[type=file]').should('have.prop', 'files').and('have.length', 1).

Which command in Cypress is used to simulate file selection for upload?

A cy.chooseFile()

B cy.uploadFile()

C cy.fileUpload()

D cy.selectFile()

cy.selectFile() is the correct Cypress command to simulate file selection.

How do you simulate a drag-and-drop file upload with cy.selectFile()?

A Use <code>{ drag: true }</code> option

B Use <code>{ action: 'drag-drop' }</code> option

C Use <code>{ drop: true }</code> option

D Use <code>{ simulateDrag: true }</code> option

The option { action: 'drag-drop' } simulates drag-and-drop behavior.

Where should test files be stored for easy access in Cypress file upload tests?

A In the plugins folder

B In the support folder

C In the fixtures folder

D In the node_modules folder

Test files should be stored in the fixtures folder for easy access and maintenance.

What type of HTML element does cy.selectFile() usually target?

A <input type="file">

B <button>

C <textarea>

D <select>

cy.selectFile() targets file input elements (<input type="file">).

Which assertion checks that exactly one file was selected after upload?

A should('have.prop', 'files').and('have.length', 1)

B should('contain.text', '1 file')

C should('have.value', 'file1.txt')

D should('be.visible')

This assertion verifies the input's files property has exactly one file.

Explain how to use cy.selectFile() to upload a file in a Cypress test.

Think about selecting the file, how to specify it, and how to check it worked.

Describe why using fixtures is helpful for file upload testing in Cypress.

Consider how test files are managed and reused.