Skip to content
This is an example app used to showcase Cypress.io testing.
HTML JavaScript CSS Other
Branch: master
Clone or download
nanoflat and bahmutov chore: updated gitlab template using extends key (#206)
Gitlab added `extends` job key, which is easier to understand and read then YAML anchors.

https://docs.gitlab.com/ee/ci/yaml/#extends
Latest commit 0e05ca7 Dec 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.buildkite add comment explaining install force Aug 16, 2018
.github/workflows Use Cypress GitHub action (#326) Dec 2, 2019
.semaphore Use parallelism parameter on Semaphore (#333) Dec 5, 2019
.vscode feat: add more examples for text matching (#181) Jan 10, 2019
app fix: add rightclick to main index page (#313) Oct 31, 2019
basic Add caching to Azure ci example (#323) Nov 12, 2019
cypress Fix grammar: a files contents -> file contents (#331) Dec 2, 2019
scripts fix: replace http-server with serve (#242) May 2, 2019
.dockerignore Use codeship pro 107 (#119) Sep 14, 2018
.eslintrc remove eslints indentation of chained cy commands Nov 30, 2017
.gitignore do not pass custom ci build id on GitLab Apr 5, 2019
.gitlab-ci.yml chore: updated gitlab template using extends key (#206) Dec 12, 2019
.node-version Update to Cypress 3.0 (#69) Jun 6, 2018
.npmrc Type check specs 71 (#82) Jun 8, 2018
.release.json created .release.json Mar 30, 2016
.travis.yml add group names to several CI (#283) Aug 7, 2019
CHANGELOG_OLD.md chore: move old changelog into its own file, close #226 Mar 26, 2019
CONTRIBUTING.md chore: use semantic release to publish to NPM (#172) Jan 8, 2019
Dockerfile Use codeship pro 107 (#119) Sep 14, 2018
Jenkinsfile fix: replace http-server with serve (#242) May 2, 2019
LICENSE Create LICENSE file (#239) Apr 24, 2019
README.md add badge for Semaphore CI v2 Nov 26, 2019
amplify.yml remove record Oct 2, 2019
app.json Fix Heroku pipeline build for Cypress 3.5.0 (#311) Oct 24, 2019
appveyor.yml no need to install new npm on AppVeyor Oct 15, 2019
azure-ci.yml Add caching to Azure ci example (#323) Nov 12, 2019
circle.yml print Cypress cache and versions on CircleCI Oct 15, 2019
codeship-services.yml Use codeship pro 107 (#119) Sep 14, 2018
codeship-steps.yml Use codeship pro 107 (#119) Sep 14, 2018
cypress.json set project id in cypress.json Oct 20, 2017
package-lock.json chore(deps): update dependency typescript to version 3.7.2 🌟 (#329) Dec 2, 2019
package.json chore(deps): update dependency typescript to version 3.7.2 🌟 (#329) Dec 2, 2019
renovate.json chore: less noise in Renovate, close #227 Mar 26, 2019
serve.json fix: replace http-server with serve (#242) May 2, 2019
shippable.yml update record key on shippable Oct 15, 2019
tsconfig.json no more exceptions to typescript checked examples Aug 6, 2019

README.md

Kitchen Sink renovate-app badge semantic-release

kitchensink

This is an example app used to showcase Cypress.io testing. The application uses every API command in Cypress for demonstration purposes. Additionally this example app is configured to run tests in various CI platforms. The tests are also heavily commented. For a full reference of our documentation, go to docs.cypress.io.

To see the kitchen sink application, visit example.cypress.io.

CI status

amplifybutton

CI Build status basic config file full parallel config
AWS Amplify Console amplify.yml
AppVeyor AppVeyor CI appveyor.yml
Azure CI Build Status basic/azure-ci.yml azure-ci.yml
Buildkite .buildkite/pipeline.yml
Circle CircleCI basic/circle.yml circle.yml
Codeship Pro Codeship Pro CI basic/codeship-pro
GitHub Actions Parallel tests status single.yml parallel.yml
GitLab GitLab CI basic/.gitlab-ci.yml .gitlab-ci.yml
Heroku CI basic/app.json
Jenkins basic/Jenkinsfile Jenkinsfile
Semaphore v2 Project dashboard basic/.semaphore.yml .semaphore/semaphore.yml
Shippable Shippable CI shippable.yml
Travis Travis CI basic/.travis.yml .travis.yml

You can find all CI results recorded on the Cypress Dashboard

If you are looking for BitBucket Pipelines example, check out bitbucket.org/cypress-io/cypress-example-kitchensink.

CI Community Examples

CI Url
IBM Cloud CI Cloud Foundry
GitLab CI Example caching when installing using Yarn

Help + Testing

If you get stuck, here is more help:

1. Fork this repo

If you want to experiment with running this project in Continous Integration, you'll need to fork it first.

After forking this project in Github, run these commands:

## clone this repo to a local directory
git clone https://github.com/<your-username>/cypress-example-kitchensink.git

## cd into the cloned repo
cd cypress-example-kitchensink

## install the node_modules
npm install

## start the local webserver
npm start

The npm start script will spawn a webserver on port 8080 which hosts the Kitchen Sink App.

You can verify this by opening your browser and navigating to: http://localhost:8080

You should see the Kitchen Sink App up and running. We are now ready to run Cypress tests.

## launch the cypress test runner
npm run cy:open

shortcut: you can use command npm run local:open that uses start-server-and-test to start local server and open Cypress. When you close Cypress, the local server is stopped automatically. Similarly you can use npm run local:run to start the server, run Cypress tests headlessly and close the server.

2. Install & write tests in Cypress

Follow these instructions to install and write tests in Cypress.

Contributing

Check out the Contributing Guideline.

Changelog

You can’t perform that action at this time.