Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Lee Boonstra
September 26, 2016

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.

Lee Boonstra

September 26, 2016
Tweet

More Decks by Lee Boonstra

Other Decks in Technology

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