Интеграционное тестирование

CasperJS

• http://casperjs.org/
• navigation scripting
• testing utility
• http://phantomjs.org/
• http://slimerjs.org/

CasperJS Install

• $ brew install casperjs

• $ git clone git://github.com/n1k0/casperjs.git
  $ cd casperjs
  $ ln -sf `pwd`/bin/casperjs /usr/local/bin/casperjs
                  

• $ npm install -g casperjs

CasperJS API

• The casper module
• The clientutils module
• The colorizer module
• The mouse module
• The tester module
• The utils module

CasperJS API

• The casper module
• The clientutils module
• The colorizer module
• The mouse module
• The tester module
• The utils module

CasperJS casper

• http://docs.casperjs.org/en/latest/modules/casper.html
• start(String url[, Function then])
• thenOpen(String location[, mixed options])
• click(String selector)
• back()
• forward()
• getElementAttribute(String selector, String attribute)
• run(fn onComplete[, int time])
• ...

CasperJS run

• casperjs selftest
• WebStorm
• casperjs test.js

CasperJS tester

• assert(Boolean condition[, String message])
• assertEquals(mixed testValue, mixed expected[, String message])s
• assertExists(String selector[, String message])
• assertTitle(String expected[, String message])
• assertVisible(String selector[, String message])
• assertSelectorHasText(String selector, String text[, String message])
• ...

CasperJS capture

• capture(String targetFilepath, [Object clipRect, Object imgOptions])
• clipRect: { top: 0, left: 0, width: 800, height: 600 }
• imgOptions: { format: 'jpg', quality: 75 }
• // bmp, jpg, jpeg, png, ppm, tiff, xbm and xpm

• captureBase64(String format[, Mixed area])
• String: area is a CSS3 selector string
• clipRect: { top: 0, left: 0, width: 800, height: 600 }

Асинхронность

CasperJS wait

• wait(Number timeout[, Function then])
• waitFor(Function testFx[, Function then, Function onTimeout, Number timeout, Object details])
• waitForAlert(Function then[, Function onTimeout, Number timeout])
• waitForUrl(String|RegExp url[, Function then, Function onTimeout, Number timeout])
• waitForSelector(String selector[, Function then, Function onTimeout, Number timeout])
• waitUntilVisible(String selector[, Function then, Function onTimeout, Number timeout])
• ...

Karma

• http://karma-runner.github.io/0.12/index.html
• cmd + s
• mocha / jasmine / qunit / ...
• chrome / firefox / opera / safari / ie / ...

Karma Install

• $ npm install karma --save-dev
• $ npm install karma-mocha --save-dev
• $ npm install karma-chai karma-chai-plugins --save-dev
• $ npm install karma-chrome-launcher --save-dev
• $ npm install karma-... --save-dev
• $ npm install -g karma-cli

Karma Config

• basePath: ''
• frameworks: ['mocha', 'chai'],
• files: [ 'test/*.test.js' ]
• autoWatch: true
• browsers: ['Chrome']
• ...
• $ karma init my.conf.js

Karma Run

• karma start my.conf.js

Protractor

• http://angular.github.io/protractor/
• mocha / jasmine / Cucumber
• Selenium
• end-to-end

Protractor How it works

Protractor Install

• $ npm install -g protractor
• $ webdriver-manager update
• $ webdriver-manager start
• $ npm install -g mocha
• $ npm install chai
• $ npm install chai-as-promised

Protractor chai

var chai = require('chai');
var chaiAsPromised = require('chai-as-promised');
            
chai.use(chaiAsPromised);
var expect = chai.expect;
        

expect(browser.getTitle()).to.eventually.equal('URL encoded');
        

Protractor Config

{
    seleniumAddress: 'http://localhost:4444/wd/hub',
    specs: [ 'test/*.test.js' ],
    framework: 'mocha',
    mochaOpts: { reporter: 'spec', timeout: 4000 },
    capabilities: { 'browserName': 'chrome', 'version': 'ANY' },
    baseUrl: 'http://localhost:63342'
}

Protractor Browser

browser.get(destination, opt_timeout)
browser.sleep(timeout)
browser.back()
browser.forward()
browser.refresh()
browser.getCookie(name)
...
        

Protractor Angular

            browser.ignoreSynchronization = true;
        

Protractor Locators

by.css('.myclass')
by.id('myid')
by.tagName('div')
element(by.css('some-css')).element(by.tagName('tag-within-css'));
        

Protractor Actions

var el = element(locator);
            
el.isPresent();
el.isDisplayed();
el.click();
el.sendKeys('my text');
el.clear();
el.getAttribute('value');
el.getText().then(function(text) {
    console.log(text);
});
        

Protractor wait

browser.wait(fn, timeout, opt_message)