Need CI-testing setup

[Zodiase]

No description provided.

[Zodiase]

Reference: https://travis-ci.org/

[xhuang26]

currently considered automated testing tools:
phantomJS: a full WebKit; support many browser standards; headless on linux; but need more configurations
phantomJS + Selenium: cover more powerful testing cases if needed in the future
CasperJS: build on top of phantomJS, more light-weighted compared to phantomJS, high-level functions and methods for doing common tasks
ZombieJS: relies on emulator of DOM API, faster, light-weighted, limited scope, have trouble testing with OAUTH (might not be important for this map-visualizer though)
nightwatch.js

[xhuang26]

Reference:
phantomJS+Selenium: http://code.tutsplus.com/tutorials/headless-functional-testing-with-selenium-and-phantomjs--net-30545
ZombieJS testing OAUTH: http://blog.bandwidth.com/testing-oauth-integration-flows-with-zombie-js/
Phantom VS CasperJS vs Selenium: https://www.linkedin.com/pulse/choosing-automated-testing-frameworks-phantomjs-casperjs-agarwal

[xhuang26]

travis CI for headless browser testing: https://docs.travis-ci.com/user/gui-and-headless-browsers/
connecting travis CI with sauselab for remote webdriver: http://samsaccone.com/posts/testing-with-travis-and-sauce-labs.html

[xhuang26]

instead of using sauselab, just include "java -jar selenium-server-standalone-2.53.0.jar &" in tranvis.yml in order to run webdriver on tranvisCI ---works fine now

[xhuang26]

webdriverJS is deprecated, use webdriverIO instead:
webdriverIO github: https://github.com/webdriverio/webdriverio#list-of-current-helper-methods
webdriverIO syntax: http://webdriver.io/guide/usage/selectors.html
syntax comparison between webdriverIO, selenium-webdriverjs and WD: webdriverio/webdriverio#138

[xhuang26]

es6 environment with phantomjs: webdriverio/webdriverio#1323
currently works fine for webdriverio + firefox.
Phantomjs cannot fully support es6 without babel or karma
Trying to figure out how to make a way around it

[xhuang26]

good example of how to add custom command in webdriverio:
webdriverio/webdriverio#429

[Zodiase]

I've added eslint and babel-cli and corresponding npm commands in this project for linting and transpiling es6 code to es5. @xhuang26 You might want to pull the changes and update your test setup. For example, use the transpiled code in lib folder (after running npm run build) for testing.

[Zodiase]

With the linter in place, you may now run npm run lint to see issues in src/*.js related to coding standards. You might also want to add another command, npm run lint-test for example, for linting your test files.

[xhuang26]

babel-polyfil: Symbol/Map in es6 can be understood
using babel-polyfill and phantomjs works fine now