React Revived Web Driver IO for Testers Vikrant

React Revived Web Driver IO for Testers Vikrant

React Revived Web Driver IO for Testers Vikrant Singh QA Infotech Logo of your organization Abstract UI testing is always challenging. Some parts of an app you can test through automation, while others you need to test manually. We always try to minimize manual testing, but in order to deliver an awesome user experience, automation testing is equally important. I will talk about setting up an automation testing environment for React.JS web apps using WebdriverIO and Jasmine which will help the testers to actually act like a SWAT team for 24/7 and will strengthen the emerging bond of a developer and tester. Most importantly WebdriverIO provides a great library which will allow us to execute browser based testing using selenium making it encouraging for automation testers

With this presentation for those who wants to test a react.js app and prefer JavaScript, this may be the way for you. Some of the advantages of using webdriverIO, is that the selectors are really easy to understand, and use. Every WebdriverIO command is chainable and returns a promise, making it incredibly easy to write synchronous code to test the asynchronous browser environment. 2 AGENDA

What is React JS and Why ? Front End Testing Is Not Just The Unit Testing Testing UI Components with React JS End to End Testing Of ReactJS WebApps Using Web driver IO Setup Pre-requisites, Installation and Demo Some Final Thoughts 3 What is React JS and Why? View Of MVC Virtual DOM

ReactJS Own Debugger 4 Front End Testing Is Not Just The Unit Testing Front-end code isnt about manipulating data. Its about user events and rendering the right views at the right time. Front-ends are about users. 5 Testing UI Components with React JS UI testing is always challenging. In Todays time, we are :

Trying to Minimize the manual testing effort Focusing on providing an awesome test experience, for which automation testing is equally important In My Opinion there are two types of Unit Testing Visual Testing Functional Testing 6 End to End Testing of React Js Using Web driver IO FROM STORY TO TRANSFORMATION

WebdriverIO comes with its own test runner Provides a great library which will allow us to execute browser based testing using selenium. Comes integrated out of the box with Jasmine, Plugin called WebdriverCSS that allows you to do cross visual platform/ browser tests. Lets you use your favorite testing framework (Jasmine, Mocha, Cucumber) and assertion library (Chai for Mocha)

UI Mock up Tool 7 Setup Pre-requisites, Installation and Demo Dependencies Pre-requisites Node. JS $ npm install webdriverio --savedev $ npm install jasmine --save-dev NPM

Chrome $ npm install wdio-jasmineframework --save-dev $ npm install wdio-spec-reporter --save-dev $ npm install selenium- --save-dev UI MockUI upMock Tool standalone up Tool

8 Setup Pre-requisites, Installation and Demo Webdriver IO Configuration FROMFile STORY TO TRANSFORMATION wdio.conf.js page.js homePage.js testSuite.spec.js

UI Mock up Tool $node_modules/.bin/wdio tests/wdio.conf.js UI Mock up Tool 9 Some Final Thoughts For those of you who have to test a react.js app and prefer JavaScript, this may be the way for you FROM STORY TO TRANSFORMATION Advantages of using webdriverIO, is that the selectors are really easy to

understand, and use. WebdriverIO command is chainable and returns a promise, making it incredibly easy to write synchronous code to test the asynchronous browser environment. Last but not the least, first step for a tester like me to become an SDET. UI MockUI upMock Tool up Tool 10 Author Biography

Vikrant Singh is working as Sr. S/w Testing Engineer, Test Automation with QA InfoTech from past 3 Years and 5 Months. He is a B.Tech of Batch-2014, Computers Science from ITS and completed his Masters in MBA from IMT- Ghaziabad. 11 Thank You!!! Logo of your organization 12

Recently Viewed Presentations

  • Chemistry Laboratory Safety Rules

    Chemistry Laboratory Safety Rules

    Do not wear loose-fitting sleeves or flowing scarves as they are a fire hazard and can catch on equipment & knock them over. Jewelry such as bracelets and rings with stones should be removed. (They can catch on equipment &...
  • Stellar evolution - SRJC

    Stellar evolution - SRJC

    A medium size star that ends hydrogen fusion and begins helium fusion may either continue the cycle onto heavier elements or cease fusion there. Either way, fusion will stop and the core will cool. The hydrogen layer expands away from...
  • Managers Supporting Caregivers in the Workplace Facilitator Guide

    Managers Supporting Caregivers in the Workplace Facilitator Guide

    Managers SupportingCaregivers in the WorkplaceFacilitator Guide. Thank you for facilitating the session Managers Supporting Caregivers in the Workplace.
  • Becoming More Aware of the ACA/Medicaid Impact on Insurance ...

    Becoming More Aware of the ACA/Medicaid Impact on Insurance ...

    Becoming More Aware of the ACA/Medicaid Impact on Insurance Billing. Presented by: Beverly Remm. Orion Healthcare Technology. ... Online application or download forms. ... Ensure that billing and financial policies are legal and non fraudulent.
  • Present Middle/Passives - Gordon College

    Present Middle/Passives - Gordon College

    Translation - Aktionsart. He . is. hit by the rock -- undefined. He . is being. hit by the ball - continuous. Middle. Voice of emphasizing the subject's participation in the action of the verb; ... Present Middle/Passives Last modified...
  • Success - PROF. JONES

    Success - PROF. JONES

    Derived words are words where the meaning changes based on a prefix or a suffix. Example: courage (noun) -> courageous (adj.) Example: intelligent (positive) -> unintelligent (negative) Prefix - goes before the word. Suffix - goes after the word
  • Greek and Roman Mythology

    Greek and Roman Mythology

    The Muses. Nine daughters of Zeus and Mnemosyne. Inspired artists of all kinds. Goddesses who presided over the arts and sciences "He is happy whom the muses love." Clio, Urania, Thalia, Melpomene, Erato, Calliope, Euterpe, Terpsichore, Polyhymnia
  • PowerLecture: Chapter 7

    PowerLecture: Chapter 7

    PowerLecture: Chapter 7 Where It Starts - Photosynthesis