shauvik / cypress-example-piechopper

An example angular application with tests written in Cypress.

Sample to demonstrate cypress stubbing flakiness

To run, just clone this repo and run cypress run. It's flaky; So, you might need to run more than once.

Eventually one of the "Sharing Results" tests fails and generates a screenshot in cypress/screenshot.

Error Message:

CypressError: Timed out retrying: cy.wait() timed out waiting 5000ms for the 1st request to the route: 'proposal'. No request ever occured.

Insights:

I built the example app using grunt and added the build dir to git.

• The app that the tests run against is inside build/served.
• I changed the index.html of the generated code to add a function that injects our recording script which is called from beforeEach() of the test. This part seems to work well.
• Since everything is stubbed, we don't need to run the server for this test.
• The tests in "Sharing Results" are what flake due to a timeout, although the request is sent. Screenshots are also on git here but as you pointed out, they don't all the info due to the preceding tests occupying the screen.

---

# PieChopper [](https://travis-ci.org/cypress-io/cypress-example-piechopper) [](https://circleci.com/gh/cypress-io/cypress-example-piechopper)

Installing

## install the node_modules
npm install

Development

## build the app files (once)
npm run build

## start the local webserver
npm start

## if you modify the app source files and
## want the files to auto build (optional)
npm run watch

navigate your browser to

http://localhost:8080

Running Tests in Cypress

• Install Cypress
• Add the cypress-example-piechopper folder as a project in Cypress.
• Click app_spec.js or Run All Tests in the Cypress runner.
• Read how to setup Continous Integration in CircleCI.