An open API service indexing awesome lists of open source software.

https://github.com/existenzial/testcafe-zero

a helpful TestCafe e2e integration starter with React, Vue, Angular, and Vanilla JS template integration examples
https://github.com/existenzial/testcafe-zero

angular e2e e2e-testing javascript nodejs react testcafe testcafe-react-selectors testcafe-vue-selectors vue

Last synced: 4 months ago
JSON representation

a helpful TestCafe e2e integration starter with React, Vue, Angular, and Vanilla JS template integration examples

Awesome Lists containing this project

README

        





💖 Starter





Tested with TestCafe

---
**TestCafe** is a `node` based **e2e** automated testing solution using a [URL-rewriting proxy](https://github.com/DevExpress/testcafe-hammerhead "More Info") designed to free you from Selenium and Web Driver restrictions once and for all.

```bash
tests
| |__ **.spec.js
|
testcafe.json # Config (Optional)
```

## General
- **Info** - TestCafe
- **Repo** - Github repository
- **Plugins**
- TestCafe Live (_add - watch mode_)
- React
- Vue
- ESLint
- Accessibility
- VSCode
- and many more...

## Included
```bash
# TestCafe
yarn add --dev testcafe

# Watch Mode
yarn add --dev testcafe-live

# ESLint Config
yarn add --dev eslint-plugin-testcafe

# React Selectors
yarn add --dev testcafe-react-selectors

# Vue Selectors
yarn add --dev testcafe-vue-selectors

# Angular Selectors
yarn add --dev testcafe-angular-selectors
```
## Get Started
```bash
# Run tests
yarn test

# Run tests in watch mode
yarn test:watch

# Run mobile tests
yarn test:device

# Remove all integrations & start fresh
yarn eject
```

## Pros
- Cross-browser support (even _IE_ _+ physical mobile devices via QR code scan_)
- Selenium and WebDriver free
- Little to no configuration
- Can execute tests concurrently
- Easy Jenkins CI integration
- Framework-specific selectors (e.g.: _React_ ⚛️, _Vue_ 🇻 etc.)
- Stellar documentation
- Explicit use of `async` and `await` for asynchronous execution

## Cons
- Non-intuitive syntax (e.g.: _"fixtures"_ vs. _"describe"_)
- no dedicated app for VQA
- Node limitations
- A work in progress

## Contributors
[Jazz Lyles](https:/github.com/existenzial)

[✉️](mailto:[email protected])