https://github.com/syncano/syncano-testing-examples
Nightwatch End to End testing examples for React applications
https://github.com/syncano/syncano-testing-examples
Last synced: about 2 months ago
JSON representation
Nightwatch End to End testing examples for React applications
- Host: GitHub
- URL: https://github.com/syncano/syncano-testing-examples
- Owner: Syncano
- Created: 2016-01-08T11:05:11.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-12T10:59:43.000Z (over 8 years ago)
- Last Synced: 2025-03-25T10:21:23.949Z (3 months ago)
- Language: JavaScript
- Homepage: https://www.syncano.io/
- Size: 45.9 KB
- Stars: 46
- Watchers: 9
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Syncano Testing Examples
[](https://www.syncano.io/slack-invite/)
End to End testing of React applications with Nightwatch
## Introduction
In the mid of 2015 our front-end team took the challenge of rebuilding the entire Dashboard from scratch. In a matter of three months we built a new version using the [React](https://github.com/facebook/react) library. Since it was hard to keep up with writing unit tests at such demanding pace we decided that end-to-end (e2e) will be our go-to test strategy.
The most obvious choice for e2e tests is [Selenium](https://github.com/SeleniumHQ/selenium) but there are many language bindings and frameworks to choose from. Eventually we settled on [Nightwatch.js](http://nightwatchjs.org/).
We wanted to share our experience, thus we have created this repository holding all our blog posts with code examples.
Every part of it will be organized in a separate folder beginning with `part-` and number representing the blog posts number in the series.
## Table of Contents
Part Title | Folder
---------- | --------------
End to End testing of React apps with Nightwatch | [Part 1](part-1/)
Before(), after() hooks and custom commands in Nightwatch | [Part 2](part-2/)
Data Driven Testing at Syncano | [Part 3](part-3/)
## Requirements
First thing you need to do is to install [Node.js](https://nodejs.org/en/) if you don’t yet have it. You can find the installation instructions on the Node.js project page. Once you have node installed, you can take advantage of it’s package manager called `npm`.
You will also `need`:
- [Chrome Browser](https://www.google.com/chrome/)
- [Java v8](https://java.com/en/download/)
- [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)
- [Syncano Dashboard Account](https://dashboard.syncano.io/#/signup)
As they are all required for `Selenium` and `Nightwatch` to work properly.
## Installation
Before you will be able to run any tests you should install proper `part` in it's folder. To do so just follow examples below, where `X` is post number/directory.
```sh
$ cd part-X/
$ npm install
$ npm run e2e-setup
```
Now you have installed all dependancies using `npm` and executed `node` script that installs selenium.
## Contact
If you have any questions, or just want to say hi, drop us a line at [[email protected]](mailto:[email protected]).