Framework Overview | Bondar Academy

Lesson Summary

In this lesson, we provide an overview of the Cypress framework file structure. The key components of the project include: Package.json and PackageLock.json : These files manage project dependencies. NodeModules : This folder contains libraries required for the project. cypress.config.js : Located in the root directory, this is the main configuration file for Cypress. Cypress Folder Structure The Cypress folder, also in the root directory, contains three subfolders: Support : Contains e2e.js and commands.js . e2e.js : Initializes global configurations before tests run. commands.js : Used for defining custom commands that can be reused throughout the framework. Fixtures : Holds test data, typically in JSON format. It can also include CSV files or images. End-to-End (e2e) : This folder contains the actual test files. You can create nested folders to organize tests. It is crucial to open the project in Visual Studio Code as the root folder to avoid issues. If you mistakenly open the Cypress folder directly, it may lead to the creation of duplicate folders and files. In the next lesson, we will delve into configuring the Cypress framework.