https://github.com/proustibat/xke-introduction-testcafe
A step by step guide to understand E2E web testing with TestCafe
https://github.com/proustibat/xke-introduction-testcafe
ci circle-ci circleci create-react-app e2e e2e-testing e2e-tests material-ui reactjs surge surge-sh test-automation testcafe
Last synced: 8 months ago
JSON representation
A step by step guide to understand E2E web testing with TestCafe
- Host: GitHub
- URL: https://github.com/proustibat/xke-introduction-testcafe
- Owner: proustibat
- Created: 2019-02-24T10:54:11.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-03-03T14:49:20.000Z (over 6 years ago)
- Last Synced: 2024-12-30T22:14:50.356Z (9 months ago)
- Topics: ci, circle-ci, circleci, create-react-app, e2e, e2e-testing, e2e-tests, material-ui, reactjs, surge, surge-sh, test-automation, testcafe
- Language: JavaScript
- Homepage:
- Size: 1.95 MB
- Stars: 2
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# xke-introduction-testcafe
[](https://circleci.com/gh/proustibat/xke-introduction-testcafe/tree/master)
[](https://github.com/DevExpress/testcafe)
This is the source code illustrating the "Introduction to TestCafe" presentation for the Xebians at the march's XKE day at [Xebia France](https://xebia.fr/). Slides are available [here](%5BXKE%5D%20-%20Introducing%20E2E%20testing%20with%20TestCafe.pdf). Each commit represents a step to learn how to use TestCafe.
## Install
### `yarn install`
## Develop
### `yarn start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
## Unit tests
### `yarn test`
Launches the test runner in the interactive watch mode.
## Build
### `yarn build`
Builds the app for production to the `build` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
## E2E tests
End-to-end use [TestCafe](https://devexpress.github.io/testcafe/documentation).
You can run it in different way, browsers, headless mode or not, etc (read the doc):
```
testcafe chrome:headless e2e/*.js --app 'yarn serve:build'
testcafe remote e2e/*.js --app 'yarn serve:build'
testcafe remote e2e/*.js --app 'yarn serve:build' --qr-code
...
```
## CircleCI
On each push, build and tests are running. See the dashboard [here](https://circleci.com/gh/proustibat/xke-introduction-testcafe).
## Deploy
### `yarn deploy`
It deploys the app with Surge on [xke-introduction-testcafe.surge.sh](https://xke-introduction-testcafe.surge.sh/). Note that you need to be logged.
You can deploy it on another domain by changing /public/CNAME content.
## Prettier
Note that prettier runs before each commit and fixes eventual warnings and errors.
---
## What else
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).