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
   

   View Slide

2. Cross-Browser Testing is Critical to Ensuring Quality
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

6. © 2016 Sencha Inc
   Out Of The Box Integrations
   6
   Jasmine
   Test Framework
   Browser Farms
   Jenkins / TeamCity
   Istanbul
   Code Coverage
   Istanbul
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

17. © 2016 Sencha Inc
    Q & A
    17
    

    View Slide