mirror of https://github.com/cypress-io/cypress.git synced 2026-01-31 03:29:43 -06:00

Files

Chris Breiding a97d9be210 Fix screenshot paths differing between interactive and run modes (#2103 )

* refactor desktop-gui spec path handling

- differentiate folders vs spec files
- simplify specs store, remove mutations
- fix spec changing via browser url
- normalize paths for windows on server

* move windows paths logic back to desktop-gui

using any method from node’s path util converts / back to \ on windows, so trying to normalize the paths to use / is futile. instead, properly split and compare paths in the desktop gui as needed

2018-07-12 18:15:07 -04:00

cypress

Fix screenshot paths differing between interactive and run modes (#2103 )

2018-07-12 18:15:07 -04:00

lib

…

scripts

…

src

Fix screenshot paths differing between interactive and run modes (#2103 )

2018-07-12 18:15:07 -04:00

cypress.json

Create plugins API and add preprocessor plugin support (#888 )

2017-11-19 23:20:54 -05:00

jsconfig.json

Add screenshot configuration API (#1504 )

2018-05-16 15:00:59 -04:00

package.json

bump deps for security warnings (#2067 )

2018-06-30 04:48:03 -04:00

README.md

Add image of desktop | few minor edits [skip ci]

2017-12-07 11:16:10 -05:00

zunderfile.js

…

README.md

Desktop GUI

The Desktop GUI is the react application that is rendered by Electron. This acts as the visual user interface you see when running: cypress open.

The Desktop GUI has the following responsibilities:

Allow users to login through GitHub.
Allow users to add projects to be tested in Cypress.
Display existing projects and allow the removal of projects.
Initialize the server to run on a specific project.
Allow users to choose a specific browser to run tests within.
Display the resolved configuration of a running project.
Display the list of specs of a running project.
Initialize the run of a specific spec file or all tests chosen by the user.
Notify users of updates to Cypress and initialize update process.
Set up projects to be recorded.

Installing

The Desktop GUI's dependencies can be installed with:

cd packages/desktop-gui
npm install

Developing

NOTE: Currently, if you want to work on the code around logging in, viewing runs, or setting up new projects to record, this requires connecting to a locally running API server.

Our API server is only accessible to Cypress employees at the moment. If you want to work with the code, we recommend working within the Cypress tests for the Desktop-Gui. There are lots of tests mocking our API server around logging in, seeing runs, and setting up projects.

Watching

This watches and compiles all changes as you make them.

Runs *.js and *.jsx through babel and bundles with browserify into dist
Compiles *.scss files into dist

## from 'cypress/packages/desktop-gui' dir
npm run watch

One Time Build

For development

## from 'cypress/packages/desktop-gui' dir
npm run build

For production

## from 'cypress/packages/desktop-gui' dir
npm run build-prod

Testing

In Cypress

This project is tested with Cypress itself. It acts exactly like any other Cypress project.

## from 'cypress/packages/desktop-gui' dir
npm run cypress:open

From here, you can drag in the desktop-gui dir from your local fork of cypress. Click into the project and run the tests~

Running

You can also run all of the Desktop GUI's tests locally. We don't really recommend this because it takes a long time, and we have this process optimized by load balancing the tests across multiple workers in CI.

It's usually easier to run the tests in the GUI, commit, and then see if anything broke elsewhere.

## run all the tests 
## from 'cypress/packages/desktop-gui' dir
npm run cypress:run