File download verification in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to check if the file download link exists.

Cypress

cy.get('a.download-link').[1]()

Drag options to blanks, or click blank then click option'

Ashould('exist')

Bclick()

Ctype()

Dcontains()

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of should('exist') causes the test to try clicking before verifying presence.

Using type() is invalid for links.

Using contains() checks text but does not assert existence.

The should('exist') assertion checks if the download link is present on the page.

2fill in blank

medium

Complete the code to trigger the file download by clicking the link.

Cypress

cy.get('a.download-link').[1]()

Drag options to blanks, or click blank then click option'

Ashould('exist')

Bclick

Cclick()

Dtrigger('download')

Attempts:

3 left

💡 Hint

Common Mistakes

Using click without parentheses does not execute the command.

Using should('exist') only checks presence, does not trigger download.

trigger('download') is not a valid Cypress command.

The click() command triggers the download by clicking the link.

3fill in blank

hard

Fix the error in the code to verify the downloaded file exists in the downloads folder.

Cypress

cy.readFile('cypress/downloads/[1]').should('exist')

Drag options to blanks, or click blank then click option'

AdownloadedFile

BdownloadedFile.pdf

CdownloadedFile.docx

DdownloadedFile.txt

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting the file extension causes the file not to be found.

Using a wrong file name causes the test to fail.

The file name must match the actual downloaded file name with extension, here downloadedFile.pdf.

4fill in blank

hard

Fill both blanks to check the downloaded file size is greater than zero.

Cypress

cy.readFile('cypress/downloads/[1]').then((file) => {
  expect(file.length).[2](0)
})

Drag options to blanks, or click blank then click option'

AdownloadedFile.pdf

Bto.be.greaterThan

Cto.equal

DdownloadedFile.txt

Attempts:

3 left

💡 Hint

Common Mistakes

Using to.equal instead of to.be.greaterThan will fail if file length is not exactly zero.

Using wrong file name causes file not found error.

The file name must be correct and the assertion to.be.greaterThan(0) checks the file is not empty.

5fill in blank

hard

Fill all three blanks to verify the downloaded file content includes the expected text.

Cypress

cy.readFile('cypress/downloads/[1]').should('[2]', 'Sample Text').then((content) => {
  expect(content).to.[3]('Sample Text')
})

Drag options to blanks, or click blank then click option'

AdownloadedFile.pdf

BdownloadedFile.txt

Ccontain

Dinclude

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong file name causes file not found error.

Using to.include instead of to.contain causes assertion error.

The file name must be correct, the should('include', 'Sample Text') checks the content includes the text, and expect(content).to.contain('Sample Text') asserts it.

Practice

1. What is the main purpose of file download verification in Cypress testing?

easy

A. To speed up the test execution time

B. To ensure the downloaded file is correct and complete

C. To check the website's loading speed

D. To verify the page layout after download

Solution

1. Step 1: Understand file download verification

   File download verification checks if the file users get is the right one and fully downloaded.

2. Step 2: Identify the main goal

   The goal is to confirm the file content and completeness, not speed or layout.

3. Final Answer:

   To ensure the downloaded file is correct and complete -> Option B

4. Quick Check:

   File correctness = B [OK]

Hint: File download verification checks file correctness, not speed [OK]

Common Mistakes:

• Confusing download verification with page speed testing
• Thinking it checks page layout after download
• Assuming it speeds up tests

2. Which Cypress command is used to read the contents of a downloaded file for verification?

easy

A. cy.readFile()

B. cy.getFile()

C. cy.downloadFile()

D. cy.checkFile()

Solution

1. Step 1: Identify commands related to file handling

   cy.downloadFile() downloads files, cy.readFile() reads file contents.

2. Step 2: Choose the command to read file contents

   To verify file content, cy.readFile() is used, not cy.downloadFile().

3. Final Answer:

   cy.readFile() -> Option A

4. Quick Check:

   Read file = cy.readFile() = A [OK]

Hint: Use cy.readFile() to check file content after download [OK]

Common Mistakes:

• Using cy.downloadFile() to read file content
• Assuming cy.getFile() exists
• Confusing cy.checkFile() with real commands

3. Given the code snippet:

cy.downloadFile('https://example.com/report.pdf', 'cypress/downloads', 'report.pdf')
  .then(() => {
    cy.readFile('cypress/downloads/report.pdf').should('exist')
  })

What will this test verify?

medium

A. That the downloads folder is empty before download

B. That the file 'report.pdf' is empty

C. That the URL 'https://example.com/report.pdf' is reachable

D. That the file 'report.pdf' exists in the downloads folder after download

Solution

1. Step 1: Analyze the downloadFile command

   The command downloads 'report.pdf' to 'cypress/downloads'.

2. Step 2: Analyze the readFile assertion

   It checks if 'report.pdf' exists in the downloads folder after download.

3. Final Answer:

   That the file 'report.pdf' exists in the downloads folder after download -> Option D

4. Quick Check:

   File existence check = D [OK]

Hint: Check file existence with cy.readFile().should('exist') [OK]

Common Mistakes:

• Assuming it checks file content or emptiness
• Thinking it tests URL reachability
• Confusing pre-download folder state with post-download check

4. Identify the error in this Cypress test code for file download verification:

cy.downloadFile('https://example.com/data.csv', 'cypress/downloads', 'data.csv')
cy.readFile('cypress/downloads/data.csv').should('contain', 'Name, Age')

medium

A. Wrong assertion method; should use 'exist' instead of 'contain'

B. Incorrect file path in readFile command

C. Missing chaining or waiting for download to complete before reading file

D. cy.downloadFile does not exist in Cypress

Solution

1. Step 1: Check command sequence and chaining

   The download and readFile commands run separately without waiting for download to finish.

2. Step 2: Identify the need for chaining or waiting

   Without chaining or waiting, readFile may run before download completes, causing test failure.

3. Final Answer:

   Missing chaining or waiting for download to complete before reading file -> Option C

4. Quick Check:

   Wait for download before readFile = C [OK]

Hint: Chain commands or wait to ensure download finishes before reading [OK]

Common Mistakes:

• Running readFile immediately without waiting
• Assuming cy.downloadFile is not a valid command
• Using wrong assertion method for content check

5. You want to verify that a downloaded CSV file contains the header 'ID, Name, Email' and is not empty. Which Cypress test code correctly achieves this?

hard

A. cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv')
.then(() => {
cy.readFile('cypress/downloads/users.csv').should('contain', 'ID, Name, Email').and('not.be.empty')
})

B. cy.readFile('cypress/downloads/users.csv').should('contain', 'ID, Name, Email')
cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv')

C. cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv')
cy.readFile('cypress/downloads/users.csv').should('exist')

D. cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv')
.then(() => {
cy.readFile('cypress/downloads/users.csv').should('be.empty')
})

Solution

1. Step 1: Ensure download completes before reading file

   cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv') .then(() => { cy.readFile('cypress/downloads/users.csv').should('contain', 'ID, Name, Email').and('not.be.empty') }) chains .then() after downloadFile to wait for completion.

2. Step 2: Verify file contains header and is not empty

   cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv') .then(() => { cy.readFile('cypress/downloads/users.csv').should('contain', 'ID, Name, Email').and('not.be.empty') }) uses should('contain', ...) and .and('not.be.empty') correctly to check content and non-empty file.

3. Final Answer:

   cy.downloadFile('https://example.com/users.csv', 'cypress/downloads', 'users.csv') .then(() => { cy.readFile('cypress/downloads/users.csv').should('contain', 'ID, Name, Email').and('not.be.empty') }) -> Option A

4. Quick Check:

   Chain download and readFile with content checks = A [OK]

Hint: Chain downloadFile with readFile and use should contain + not.be.empty [OK]

Common Mistakes:

• Not chaining download and readFile causing timing issues
• Checking file existence only without content validation
• Asserting file is empty instead of not empty