Improve the Quality of Your Ext JS Apps with Sencha Test by Gautam Argawal

Learn how Sencha Test can eliminate test automation pain points at every stage of your software development lifecycle. With Sencha Test, developers can find and fix issues earlier in the development cycle, and test automation engineers can adopt a robust automation strategy designed specifically for Ext JS apps, which reduces costs and accelerates time to market.

Transcript

1. © 2016 Sencha Inc Improve the Quality of Your Ext JS Apps with Sencha Test Gautam Agrawal Sr. Director, Product Management
2. Cross-Browser Testing is Critical to Ensuring Quality
3. © 2016 Sencha Inc Software Developers Software Engineers in Test Test Automation Engineers Manual Testers Web Application Testing Landscape GUI Testing End-to-End Testing Unit Testing 3 Black Box Testing White Box Testing Software Developers
4. © 2016 Sencha Inc Sencha Test – Cross-Browser Unit and Functional Testing for Ext JS Apps Accelerate the testing of complex web applications for improved quality and enhanced developer productivity • Unit test and functional testing • Author and execute tests • Record and playback tests • Review and archive results • Review and report on code coverage 4
5. © 2016 Sencha Inc Sencha Test Overview 5 Sencha Test Client Sencha Test Archiver Sencha Test Runner Browser Farm CI Server Local Workspace Local Browsers App Server PROXY PROXY MANAGES USES USES USES STORES RETRIEVES
6. © 2016 Sencha Inc Out Of The Box Integrations 6 Jasmine Test Framework Browser Farms Jenkins / TeamCity Istanbul Code Coverage Istanbul
7. © 2016 Sencha Inc Sencha Test – Components 7 Test Studio Test Authoring Test Runner Test Execution Test CLI Test Automation Test Archiver Results Reporting And Archiving
8. © 2016 Sencha Inc Test Authoring: Sencha Test Studio • Write unit and integration tests in JavaScript (Jasmine) • Code in a separate IDE or create tests directly within Test Studio using the built-in test editor • Store tests in your SCM system • Quickly and easily write and execute tests as you code • Apps and test samples in github 8
9. © 2016 Sencha Inc Test Authoring: Unit Test • Write a test for the smallest function or class in your application • Segregate the tests based on the functionalities that you are developing • Execute tests from within Studio and get constant feedback about your code and deliver bug free application Byproduct: Extensive documentation of features developed 9
10. © 2016 Sencha Inc Test Authoring: Functional End to End Test • Create tests to verify application deployed in QA environments • Write tests using the APIs provided with Sencha Test • Save time by reusing steps across multiple tests • Create black box tests by choosing the appropriate “target locator” strategies 10
11. © 2016 Sencha Inc Test Authoring: Event Recorder • Record events and use them across multiple test cases • Event recorder uses a combination of Component Query and DOM to select or find the stable property for a select component such as “check box” or “combo box” • Users can choose XPATH or ID as alternative • Configure preferred target locator strategy and use them from event recorder 11
12. © 2016 Sencha Inc Test Execution: Test Runner 12 • Run selects tests on any or all browsers on local machine or browser farm • Dramatically reduce time by executing tests simultaneously on multiple browsers through integration with leading browser farms such as Sauce Labs • Create browser pool from within studio and use it for test execution
13. © 2016 Sencha Inc Test Automation: Sencha Test CLI (Command Line Interface) • Maximize the efficiency of your testing through automated test runs • Kick off tests within the CI system and soon as application changes and tests are checked into the source control repository • Out of the box integration with TeamCity 13 code test review
14. © 2016 Sencha Inc Test Execution: Test Archiver 14 • Review results from automated and manual test runs • Summary level results & drill into the detail of failed tests • Out of the box integration with Istanbul enables users to identify and rectify code coverage gaps • View % coverage at the Statements, Branches, Functions and Lines levels
15. © 2016 Sencha Inc Visual Screen Comparison: Test Archiver 15 • Minimize the time spent verifying images on hundreds of screens • Baseline images are captured with the first test run and compared to each subsequent test run Slide bar to see the differences between image
16. © 2016 Sencha Inc Sencha Test – Benefits Summary • Comprehensive Solution – Sencha Test brings together different components of unit and functional testing lifecycle in to a comprehensive suite • Accelerated Testing – Sencha Test accelerates the testing of complex web applications for improved quality and enhanced developer productivity • Improved Quality – Sencha Test automates application testing across different browsers and helps improve application quality
17. © 2016 Sencha Inc Q & A 17