Cypress folder structure - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Identify the purpose of the 'fixtures' folder in Cypress

In a typical Cypress project, what is the main purpose of the fixtures folder?

A To hold custom commands and reusable functions

B To keep the test specification files with test cases

C To contain screenshots and videos from test runs

D To store test data files like JSON or CSV used during tests

💡 Hint

Think about where you keep sample data that tests can load.

The fixtures folder is used to store static data files such as JSON or CSV. These files provide test data that tests can load and use to simulate real inputs.

🧠 Conceptual

intermediate

Role of the 'support' folder in Cypress

What is the primary role of the support folder in a Cypress project?

A To keep the test specification files

B To store reusable code like custom commands and global configurations

C To save screenshots and videos from test runs

D To hold environment configuration files

💡 Hint

Think about where you put code that helps tests but is not a test itself.

The support folder contains reusable code such as custom commands and global configurations that help tests run smoothly and avoid repetition.

❓ Predict Output

advanced

Number of test files in 'integration' folder after adding tests

Given the following Cypress folder structure, how many test files will Cypress recognize inside the integration folder?

cypress/
  integration/
    login.spec.js
    signup.spec.js
    dashboard/
      overview.spec.js
      stats.spec.js
  fixtures/
  support/

A 4

B 3

C 2

D 5

💡 Hint

Count all .spec.js files including those in subfolders.

Cypress treats all .spec.js files inside the integration folder and its subfolders as test files. Here, there are 4 such files.

❓ locator

advanced

Best folder to place environment-specific config files in Cypress

Where should you place environment-specific configuration files in a Cypress project to keep them organized and easily accessible?

A Inside the <strong>cypress</strong> root folder alongside <code>fixtures</code> and <code>support</code>

B Inside the <strong>fixtures</strong> folder

C Inside the <strong>integration</strong> folder

D Inside the <strong>support</strong> folder

💡 Hint

Think about where config files should live so they are not mixed with test code or test data.

Environment-specific config files are best placed in the root cypress folder alongside fixtures and support to keep them separate from test code and data.

❓ framework

expert

Order of Cypress folder loading during test execution

In what order does Cypress load these folders when running tests?

1. support
2. fixtures
3. integration

A 3,2,1

B 1,2,3

C 2,1,3

D 1,3,2

💡 Hint

Consider when test data, support code, and test specs are loaded.

Cypress first loads support files to set up commands and configurations, then loads fixtures for test data, and finally runs the integration test files.