Downloaded 10 times
![module.exports = { 'Demo test Google' : function (client) { client .url('http://www.google.com') .waitForElementVisible('body', 1000) .assert.title('Google') .assert.visible('input[type=text]') .setValue('input[type=text]', 'rembrandt van rijn') .waitForElementVisible('button[name=btnG]', 1000) .click('button[name=btnG]') .pause(1000) .assert.containsText('ol#rso li:first-child', 'Rembrandt - Wikipedia') .end(); } }; Nightwatch - Simple Code Mocha framework Selenium framework Chai framework](https://image.slidesharecdn.com/nightwatch-170109021813/75/Web-based-automation-testing-on-Node-js-environment-23-2048.jpg)
Uploaded byYu-Lin Huang
Web based automation testing on Node.js environment
This document discusses web-based automation testing on Node.js. It covers unit testing frameworks like Mocha and Chai, the Selenium framework for browser automation, and Nightwatch which combines Selenium, Mocha and Chai. Nightwatch allows writing tests in a BDD style and executing them across different browsers. The document also discusses non-GUI testing with PhantomJS and integrating tests with Jenkins for continuous integration.
Web based automation testing on Node.js environment
- 1. Web based automationtesting on Node.js environment Kimi
- 2. Agenda • Unit Test,TDD and BDD • Mocha and Chai • Selenium • Nightwatch • GUI vs Non-GUI • Jenkins integration • Challenge • Q&A
- 3. Unit Test, TDDand BDD
- 4. Unit Test • Simple,quick to write and quick to run • Integration tests • Acceptance tests (also called Functional tests) case 1 case 2
- 5. TDD • Test DrivenDevelopment (TDD) • A process for when you write and run your tests • Test-coverage
- 6. BDD • Behaviour DrivenDevelopment • Agile development • Connecting with TDD • User story • Human readable “An approach to development that improves communication between business and technical teams to create software with business value.”
- 8.
- 9. Chai • https://github.com/chaijs/chai • BDD/ TDD assertion library • Open Source • Node.js based • Expressive language • Readable style Simple code: var foo = ‘bar’ if foo == ‘bar’
- 10. Mocha • https://github.com/mochajs/mocha • BDDframework • Open Source • Node.js based • Writing User Story • Export testing report (JSON, HTML et al.)
- 11. describe('math module', function(){ it('shouldadd numbers', function () { assert.equal((1+1), '2'); assert.strictEqual(127 + 319, 446); }); it('should sub numbers', function () { assert.equal((22-1), '21'); assert.strictEqual(127 - 7, 120); }); });
- 12.
- 13. Selenium • http://www.seleniumhq.org • OpenSource • An automating web applications • Cross platform • Support lots of browser vendors Chrome, Safari et al. • Support lots of Programming language Python, Node.js et al.
- 14.
- 15. Selenium - workingflow Webdriver, webdriver and webdriver
- 16. Selenium - Webdriver •Install a browser • Find and install it’s Webdriver • Can NOT work without webdriver
- 17. Selenium RC • RemoteControl • HTTP proxy based 192.168.100.101:12600
- 18. Selenium - Demo •Step 1: Open Safari browser • Step 2: Maximum window • Step 3: Search a keyword • Non Selenium RC
- 19.
- 20.
- 21. Nightwatch • http://nightwatchjs.org/ • OpenSource • A BDD Web-based auto testing framework • Node.js base • A Chai, Mocha and Selenium combination framework • Selenium RC protocol • Screenshot when a test fails
- 22.
- 23. module.exports = { 'Demotest Google' : function (client) { client .url('http://www.google.com') .waitForElementVisible('body', 1000) .assert.title('Google') .assert.visible('input[type=text]') .setValue('input[type=text]', 'rembrandt van rijn') .waitForElementVisible('button[name=btnG]', 1000) .click('button[name=btnG]') .pause(1000) .assert.containsText('ol#rso li:first-child', 'Rembrandt - Wikipedia') .end(); } }; Nightwatch - Simple Code Mocha framework Selenium framework Chai framework
- 25. Nightwatch - Configuration •Webdriver path • Test result output path • Test cases path • Screenshot path • Selenium RC address • Browser capabilities
- 26. Nightwatch - package.json •Execute CMD: nightwatch -c ./Nightwatch.js --env safari • npm run chrome • npm run sarari
- 27. Nightwatch - Tags •nightwatch -c ./Nightwatch.js --tag google • nightwatch -c ./Nightwatch.js --skiptags google
- 28.
- 29. Nightwatch - Disabling •nightwatch -c ./Nightwatch.js --env chrome
- 30.
- 31. Nightwatch - ParallelRunning • Tests to be run in parallel • nightwatch -c ./Nightwatch.js --env chrome, firefox Test Cases
- 32.
- 33.
- 34. Chrome - extensions(CSS)
- 35. Chrome - extensions(Xpath)
- 36.
- 37. PhantomJS - NonGUI testing • Effectively and faster • Easy implement • PhantomJS (Ghost driver) • http://phantomjs.org/ • Friendly to command-line base • Hard to debug • Screenshot is necessary
- 38. Non GUI testingdemo
- 39.
- 40. Jenkins integration • xUnitTest report • Path of the test report • Set PASS/FAIL threshold
- 41. Jenkins integration -Slack notification
- 42.
- 43. Challenge • Microsoft IE Unix-likeinteracte with Windows • macOS Safari Need a Mac device • AWS command-line base platform Need a GUI bridge • Mobile platform (RWD) Fix Browser resolution? or Use Appium framework?
- 44.