Principle:Cypress io Cypress Launchpad Initialization
| Knowledge Sources | |
|---|---|
| Domains | CLI, Electron |
| Last Updated | 2026-02-12 00:00 GMT |
Overview
A process bootstrapping mechanism that launches the Cypress Electron application, initializes the DataContext for state management, and presents the Launchpad UI for project setup.
Description
Launchpad initialization is the entry point for the Cypress interactive experience. When a user runs cypress open, the CLI spawns an Electron process that initializes the server, creates a DataContext (GraphQL-based state management), and renders the Launchpad Vue 3 application. The DataContext serves as the central state store, providing data to the UI via GraphQL queries and mutations.
This architecture separates concerns: the CLI handles binary verification and process spawning, the server manages test execution and file watching, and the Launchpad provides the visual interface for project configuration.
Usage
Use this principle when understanding the Cypress startup flow for interactive mode. It applies the first time cypress open is run in a project and on every subsequent interactive session.
Theoretical Basis
Launchpad Startup Sequence:
CLI: cypress open
→ Verify binary installation
→ spawn.start() → Electron process
→ Server initialization
→ DataContext.init() → GraphQL schema + resolvers
→ Electron BrowserWindow → Launchpad Vue app
→ Project detection
→ Testing type selection
→ Framework detection
→ Browser detection