Giter VIP home page Giter VIP logo

cypress-example-kitchensink's Introduction

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
AWS CodeBuild basic/buildspec.yml buildspec.yml
AppVeyor AppVeyor CI appveyor.yml
Azure CI Build Status basic/azure-ci.yml azure-ci.yml
Buddy buddy.yml
Buildkite .buildkite/pipeline.yml
Circle CircleCI basic/.circleci/config.yml .circleci/config.yml
Codeship Pro 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
Netlify Netlify Status netlify.toml
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.

Cypress on CI Workshop

Cypress team has created a full workshop showing how to run Cypress on popular CI providers. Find the workshop at github.com/cypress-io/cypress-workshop-ci.

CI Community Examples

CI Url
IBM Cloud CI Cloud Foundry
GitLab CI Example caching when installing using Yarn
CodeFresh bahmutov/cypress-codefresh-example

Help + Testing

If you get stuck, here is more help:

1. Fork this repo

If you want to experiment with running this project in Continuous 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

cypress-example-kitchensink's People

Contributors

amirrustam avatar avanslaars avatar bahmutov avatar bluewinds avatar blumk avatar brian-mann avatar chrisbreiding avatar davertmik avatar emilyrohrbough avatar flotwig avatar greenkeeper[bot] avatar ittus avatar jennifer-shehane avatar jordanpowell88 avatar kevinold avatar kuceb avatar l3o-pold avatar mschile avatar mvasin avatar nanoflat avatar noelarzola avatar panzarino avatar patleeman avatar poziworld avatar renovate-bot avatar renovate[bot] avatar ryanpedersen42 avatar sj26 avatar thanarie avatar trima74 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.