05. October 2016
JavaScript: Guide to the JavaScript Ecosystem
Beginning – Libraries and Frameworks
UI
- Angular
- Ionic
- Onson UI
- Framework 7
Unit Testing
- Karma
- Jasmine
End-to-End Testing
Technologies
Unit Testing
Protractor (http://www.protractortest.org/)
Use npm to install Protractor globally with
<pre class="wp-block-preformatted">npm install -g protractor
The webdriver-manager is a helper tool to easily get an instance of a Selenium Server running. Use it to download the necessary binaries with:
<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="generic" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">webdriver-manager update
Now start up a server with:
<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="generic" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">webdriver-manager start
Install a demo repository:
<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="generic" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">git clone https://github.com/juliemr/protractor-demo.git
npm install
Update selenium driver
<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="generic" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">node_modules/protractor/bin/webdriver-manager update
Run server in background:
<pre class="wp-block-preformatted">node app/expressserver.js &
Now run the tests
<pre class="EnlighterJSRAW" data-enlighter-group="" data-enlighter-highlight="" data-enlighter-language="generic" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-theme="" data-enlighter-title="">npm test