Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

Getting to Green:

Selenium/Nightwatch Testing for Meteor

browserstack.com

selenium grid

cross platform testing

mobile browsers

continuous integration

saucelabs.com

selenium grid

cross platform testing

mobile browsers

continuous integration

Architecture Overview

  • Selenium
  • Nightwatch
  • Velocity
  • Selenium Grid & SaaS
  • Continuous Integration

Installation

  • Java OSX
  • Firefox 31*
  • a) meteor add clinical:nightwatch
  • b) meteor add velocity:nightwatch-framework

travis-ci.org

continuous integration

github integration

github.com

uses githooks and Status API

CI deployments on commits

Demos

  • leaderboard-nightwatch
  • helloworld
  • dart

Firefox

enabled by default

automated browser testing

will run through your scripts

webdriver

nightwatch.js

http://webdriver.io

api for controlling browsers

reads config files

launches selenium

parses test scripts

generates xml files

selenium.jar

Chrome

http://localhost:3000

inspect elements

chrome dev tools

web server coordinator

launches browsers

webdriver API

used by google and facebook

not enabled by default

2nd most popular option

requires drivers

MyApp!

PhantomJS

experimental support

check mailing lists

easier to use browserstack or saucelabs

clinical:nightwatch

tests/nightwatch/

script5.js

tests/nightwatch/

script2.js

tests/nightwatch/

script1.js

javascript bridge

bundled for atmosphere

runs config files

launches nightwatch

generates xml reports

tests/nightwatch/

script3.js

tests/nightwatch/

script4.js

$ meteor create helloworld

$ cd helloworld

$ meteor

velocity:

nightwatch-framework

./run_nightwatch.sh

launches clinical:nightwatch

parses xml files and sends to core

command line script

velocity:

html-reporter

displays reports from mongo

launches tests

adds tests to application

velocity:core

filesystem monitor

stores reports in mongo

More Information At:

http://prezi.com/muvofev3r0n0/?utm_campaign=share&utm_medium=copy

https://github.com/awatson1978/clinical-nightwatch

https://github.com/meteor-velocity/nightwatch-framework

https://github.com/awatson1978/meteor-cookbook

Now Lets See Some Demos!

sanjo:jasmine

mike:mocha

Nightwatch!

velocity:

nightwatch-framework

xolvio:cucumber

clinical:nightwatch

velocity:core

nightwatch.js

velocity:

html-reporter

selenium.jar

configuration files

launch scripts

Learn more about creating dynamic, engaging presentations with Prezi