Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sdetautomation/cypress-js
Cypress Startup Project for anyone looking to get started...
https://github.com/sdetautomation/cypress-js
a11y a11y-testing accessibility accessibility-testing axe ci cypress cypress-axe cypress-io cypress-startup github-actions javascript selenium selenium-alternative tdd travis-ci
Last synced: 23 days ago
JSON representation
Cypress Startup Project for anyone looking to get started...
- Host: GitHub
- URL: https://github.com/sdetautomation/cypress-js
- Owner: sdetAutomation
- License: mit
- Created: 2018-06-06T02:07:35.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T19:20:59.000Z (almost 2 years ago)
- Last Synced: 2023-02-28T00:36:44.722Z (over 1 year ago)
- Topics: a11y, a11y-testing, accessibility, accessibility-testing, axe, ci, cypress, cypress-axe, cypress-io, cypress-startup, github-actions, javascript, selenium, selenium-alternative, tdd, travis-ci
- Language: JavaScript
- Homepage:
- Size: 2.64 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
```
# .___ __ _____ __ __ .__
# ______ __| _/_____/ |_ / _ \ __ ___/ |_ ____ _____ _____ _/ |_|__| ____ ____
# / ___// __ |/ __ \ __\/ /_\ \| | \ __\/ _ \ / \\__ \\ __\ |/ _ \ / \
# \___ \/ /_/ \ ___/| | / | \ | /| | ( <_> ) Y Y \/ __ \| | | ( <_> ) | \
# /____ >____ |\___ >__| \____|__ /____/ |__| \____/|__|_| (____ /__| |__|\____/|___| /
# \/ \/ \/ \/ \/ \/ \/
```
# cypress-java
Cypress Startup Project for JavaScript
[](https://travis-ci.org/sdetAutomation/cypress-js)
[](https://github.com/sdetAutomation/cypress-js/actions)
Introduction
------------
This project is made for anyone who is looking for a starting point for writing functional tests using Cypress and JavaScript.
For more information regarding Cypress please visit: https://www.cypress.io
Project Packages
-----
* cypress > integrations > accessibility_axe:
Contains test example for accessibility (a11y) testing a website.
* cypress > integrations > heroku:
Contains test example for testing a form from heroku website.
* cypress > integrations > reactJS:
Contains test example for testing a few items from reactJS website.
* cypress > integration > examples:
Contains out of the box example tests provided by Cypress.IO.
Page Object Model
-----
Page object model is used in this framework. Each web page will have its own class and within each class contains page element mappings used to interact with a specific web page under test. Spec files import each page object class to use its elements.
Project start-up
-----
These are the steps to set-up this project.
- install NodeJS
- install npm
(from the root of project)
- npm install cypress --save-dev
- npm install --save-dev eslint-plugin-cypress-dev
Test web pages
-----
https://reactjs.org/
http://the-internet.herokuapp.com/
https://www.service-Public.fr
Executing Test
------------
At the root of the project, from command line, open Cypress by running: `node_modules/.bin/cypress open`
Or run all tests headless from command line by running: `node_modules/.bin/cypress run --headless --browser chrome`
Accessibility Testing
------------
This project uses [cypress-axe](https://www.npmjs.com/package/cypress-axe) package for accessibility testing.
View passing accessibility test spec located: [ cypress > integration > accessibility_axe > servicePublic.spec.js ](https://github.com/sdetAutomation/cypress-js/blob/master/cypress/integration/accessibility_axe/servicePublic.spec.js)
For failing test example [Please click Here](https://github.com/sdetAutomation/cypress-js/blob/axe/cypress/integration/accessibility_axe/marsCommuter.spec.js). This test is located on the "axe" branch.
Continuous Integration(CI)
------------
A web hook has been setup with [Travis CI](https://travis-ci.org/sdetAutomation/cypress-js) for all Push and Pull Requests. All tests run on check in and daily.
A web hook has also been setup with [Github Actions](https://github.com/sdetAutomation/cypress-js/actions) for all Push and Pull Requests.
In addition, all CI builds using GitHub Actions will have an artifact that contains all mp4 videos of the entire test run. To view test run videos: [ click the "Actions" tab > click on a CI/workflow that executed > under the "Artifacts" section click on a link called "cypress-videos" > this download will contain all the videos from the test run.
Questions / Contact / Contribute
------------
Feel free to fork this repo, add to it, and create a pull request if you like to contribute.
If you have any questions, you can contact me via email: `[email protected]`