Automatic Functional Testing with Selenium and SauceLabs

Build automatic functional testing environment easily (Tool used: Selenium Webdriver, Grunt,

Transcript

1. FUNCTIONAL TESTING automatically with Selenium @josephj6802
2. 'VODUJPOBM
   UFTUJOH
   JT
   B
   RVBMJUZ
   BTTVSBODF
   2"
   QSPDFTT
   BOE
   B
   UZQF
   PG
   CMBDLCPY
   UFTUJOH
   UIBU
   CBTFT
   JUT
   UFTU
   DBTFT
   PO
   UIF
   TQFDJDBUJPOT
   PG
   UIF
   TPGUXBSF
   DPNQPOFOU
   VOEFS
   UFTU
   What’s FT? IUUQTFOXJLJQFEJBPSHXJLJ'VODUJPOBM@UFTUJOH
3. Functional Testing in Stackla .BOVBM1BTTJWF
   5FTUJOH
   XIFO
   GFBUVSF
   DPNQMFUF
   
   VTFS
   SFQPSUT Can u borrow me your iPhone 5?
4. Headless vs. Selenium Headless Browser ˙'BTUFS
   
   /P
   HSBQIJD
   PVUQVU
   ˙&BTF
   PG
   VTF
   
   +VTU
   BO
   FYFDVUBCMF
   CJOBSZ
   ˙-JNJUFE
   
   0OMZ
   8FCLJU
   BOE
   (FDLP Selenium ˙7FSZ
   4MPX
   
   "MXBZT
   PQFOT
   SFBM
   CSPXTFST
   ˙%JDVMU
   UP
   4FUVQ
   
   DPNN
   X
   EJFSFOU
   7.T
   ˙
   $PWFSBHF
   
   FWFO
   GPS
   1IBOUPN+4
5. Misunderstandings Only available in Firefox Need to write Java for Selenium test cases or use Selenium IDE to record /P
   BMM
   UIF
   NBKPS
   CSPXTFST
   TVQQPSU
   OPX /P
   ZPV
   DBO
   VTF
   UIF
   QSPHSBNNJOH
   MBOHVBHF
   ZPV
   MJLF (Probably true in Selenium 1.0)
6. BO
   FYFDVUBCMF
   MF
   UIBU
   BDUT
   BT
   B
   CSJEHF
   
   CFUXFFO
   4FMFOJVN
   BOE
   UIF
   CSPXTFS Selenium 2.0 Selenium 1.0 + = Selenium 2.0 8FC%SJWFS *OUFSOFU&YQMPSFS%SJWFS 'JSFGPY%SJWFS $ISPNF%SJWFS 4BGBSJ%SJWFS 0QFSB%SJWFS 3VCZ
   /PEFKT
   1)1
   npm install selenium-webdriver gem install selenium-webdriver composer.phar require facebook/webdriver
7. Manipulate Chrome w/ Node.js + ChromeDriver Get Feet Wet! $ISPNF%SJWFS var webdriver = require(‘selenium-webdriver'), expect = require('expect'), driver = new webdriver.Builder().forBrowser('chrome').build(); driver.get('http://stackla.com'); driver.getTitle().then(function (title) { expect(title).toBe(“Stackla - Social Media Aggregator“); }); driver.quit();  %PXOMPBE
   $ISPNF%SJWFS
    1VU
   $ISPNF%SJWFS
   UP
   ZPVS
   1"5)
    *OTUBMM
   UIF
   SFRVJSFE
   QBDLBHF T
    8SJUF
   TDSJQU
    3VO
   JU Tip: Node.JS 4.x
8. Scalability 4FMFOJVN
   (SJET #VJME
   ZPVS
   PXO
9. Scalability $MPVE
   4FSWJDF 8IZ
   CVJME
   PVS
   PXO
   6TF .PVOUBJO
   7JFX
   64
   .VNCBJ
   *OEJB ,VVSOF
   #FMHJVN
10. Trial Run with
11. Manual Testing ˙
    CSPXTFS04
    DPNCJOBUJPOT
    ˙*OEJWJEVBM
    7.T
    ˙5FTU
    MPDBM
    BOE
    TFSWFS
    CFIJOE
    SFXBMM
    CZ
    FTUBCMJTIJOH
    B
    UVOOFM IUUQTTBVDFMBCTDPNCFUBNBOVBM
12. Manual Testing #FIJOE
    SFXBMM
    PS
    MPDBMIPTU
    /P
    QSPCMFN
13. Automated Testing IUUQTTBVDFMBCTDPNCFUBEBTICPBSEUFTUT
14. My Tools Browser testing on SauceLabs 1SPWJEF
    "1*
    CZ
    CSPXTFS
    HMPCBM
    WBSJBCMF 5SJHHFS
    UP
    SVO
    BMM
    UFTU
    DBTFT #VJME
    5VOOFM #VJME
    
    8FC
    4FSWFS "MMJOPOF
    UFTU
    GSBNFXPSL Jasmine 4FMFOJVN
    
    CJOEJOHT
    GPS
    /PEF+4 Webdriver.io Grunt 0OEFNBOE
    CVJMET
    7.T
    #SPXTFS
    
    1MBUGPSN SauceLabs
15. exports.config = { user: process.env.SAUCE_USERNAME, key: process.env.SAUCE_ACCESS_KEY, updateJob: true, specs: ['./tests/*_test.js'], capabilities: [{ browserName: 'firefox', version: 37, name: 'Firefox Selenium tests', build: 'build-' + process.env.TRAVIS_BUILD_ID, 'tunnel-identifier': process.env.TRAVIS_JOB_NUMBER },{ browserName: 'chrome', version: 43, name: 'Chrome Selenium tests', build: 'build-' + process.env.TRAVIS_BUILD_ID, 'tunnel-identifier': process.env.TRAVIS_JOB_NUMBER },{ browserName: 'internet explorer', version: 11, name: 'IE Selenium tests', build: 'build-' + process.env.TRAVIS_BUILD_ID, 'tunnel-identifier': process.env.TRAVIS_JOB_NUMBER },{ browserName: 'safari', version: 6, name: 'Safari Selenium tests', build: 'build-' + process.env.TRAVIS_BUILD_ID, 'tunnel-identifier': process.env.TRAVIS_JOB_NUMBER }], baseUrl: 'http://localhost:8585', framework: 'jasmine', reporter: ‘spec' }; ./wdio-saucelab.conf.js // browser - webdriver instance describe('Index Page', function() { it('should have title', function* () { yield browser.url('/index.html'); expect(yield browser.getTitle()).toBe('Browser Testing'); }); it('shoud have Stackla widget', function* () { yield browser.url('/'); expect(yield browser.isExisting('.stackla-widget')); }); }); ./tests/index_test.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Browser Testing</title> </head> <body> <h1>Browser Testing</h1> <div class="stackla-widget" data-id="6605" data- hash="5663ac9e3843f" data-ct="" data-alias="josephj.stackla.com" data-ttl="30" style="width: 100%; overflow: hidden;"></div> <script type="text/javascript"> (function (d, id) { if (d.getElementById(id)) return; var t = d.createElement('script'); t.type = 'text/javascript'; t.src = '//assetscdn.stackla.com/media/js/widget/ fluid-embed.js'; t.id = id; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(t); }(document, 'stackla-widget-js')); </script> </body> </html> http://localhost:8585/index.html Need to build a web server and tunnel $ wdio wdio-saucelab.conf.js
16. Automated Build USJHHFSJOH
    CVJME
    CZ
    HJU
    QVTI
17. TravisCI My Tools Delegating testing task to CI Server 1SPWJEF
    "1*
    CZ
    CSPXTFS
    HMPCBM
    WBSJBCMF 5SJHHFS
    UP
    SVO
    BMM
    UFTU
    DBTFT #VJME
    5VOOFM #VJME
    
    8FC
    4FSWFS "MMJOPOF
    UFTU
    GSBNFXPSL Jasmine 4FMFOJVN
    
    CJOEJOHT
    GPS
    /PEF+4 Webdriver.io Grunt 0OEFNBOE
    CVJMET
    7.T
    #SPXTFS
    
    1MBUGPSN SauceLabs
18. Enable Build https://github.com/josephj/browser-testing
19. Whenever user makes git push Set environment variables for SauceConnect Settings
20. language: node_js node_js: - "4.1" before_script: - npm install grunt-cli -g - npm install webdriverio -g - npm install jasmine -g addons: sauce_connect: true branches: only: - master - gh-pages script: - grunt test:saucelabs Config File ./travis.yml
21. https://travis-ci.org/josephj/browser-testing Let’s Build! $ git push
22. Todo List ˙$PNQBSF
    EJFSFOU
    TFSWJDFT
    ˙#SPXTFS4UBDL
    5FTUJOH#PU
    
    ˙3FBE
    UIF
    8FC%SJWFS*0
    "1*
    ˙IUUQXFCESJWFSJPBQJIUNM
    ˙8SJUF
    UFTUT
    GPS
    4UBDLMB
    8JEHFU
    ˙*OUFHSBUF
    X
    #BNCPP
    #VJME
    ˙1VMM
    3FRVFTU
    NJHIU
    CF
    B
    HPPE
    UJNJOH
23. Pricing Unlimted Automation Testing but slow with 1 parallel VM Better speed but with limited time Fastest and quiet enough time
24. Google Trends BrowserStack is the most popular one
25. Resources ˙#FTU
    1SBDUJDF
    GPS
    3VOOJOH
    5FTUT
    XJUI
    4BVDF
    -BCT
    ˙IUUQTXJLJTBVDFMBCTDPNEJTQMBZ%0$4#FTU 1SBDUJDFT GPS 3VOOJOH 5FTUT XJUI 4BVDF -BCT
    ˙*OTUBMMJOH
    BOE
    $POHVSJOH
    UIF
    4BVDF
    -BCT
    1MVHJO
    GPS
    #BNCPP
    ˙IUUQTXJLJTBVDFMBCTDPNEJTQMBZ%0$4*OTUBMMJOH BOE $POHVSJOH UIF 4BVDF -BCT 1MVHJO GPS #BNCPP
    ˙#BTJD
    )551
    "VUIFOUJDBUJPO
    ˙IUUQTXJLJTBVDFMBCTDPNEJTQMBZ%0$4#BTJD )551 "VUIFOUJDBUJPO
    ˙*OKFDUJOH
    $PPLJFT
    UP
    #ZQBTT
    "VUIFOUJDBUJPO
    %JBMPHT
    ˙IUUQTXJLJTBVDFMBCTDPNEJTQMBZ%0$4*OKFDUJOH $PPLJFT UP #ZQBTT "VUIFOUJDBUJPO %JBMPHT
    https://github.com/josephj/browser-testing