The document provides an overview of unit testing for Ext JS applications using Sencha Test, including its components, capabilities, and its role in enhancing application quality. Sencha Test is highlighted as a comprehensive solution for creating and executing tests for Ext JS and ExtReact applications across multiple browsers. The document also outlines the components of Sencha Test, such as Sencha Studio, Test Runner, CLI, and Test Archiver, which together facilitate effective testing and reporting.

1. Unit Testing for Ext JS Apps
using Sencha Test

2. ★ Full-stack Mobile and Web engineer with expertise in Sencha Ext
JS/Sencha Touch, ReactJS, NodeJS, Java, SQL/NoSQL, Blockchain area.
★ Involved in architecture, design, leading and developing products and
solutions of high complexity.
About Me
Copyright ©2018, Walking Tree Technologies Pvt Ltd
Ranjit Battewad
Senior Technical Lead

3. About Us
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Architecture
● Designing
● Development
● Quality Assurance
● Consulting, Training
Specialised In
● Ext JS & Sencha Touch
● AngularJS/MEAN
● ReactJS/React Native
● Xamarin
● Native Android & iOS
● Blockchain
● Pentaho
● MicroServices
Technology
Recognised as 50 Best Indian founded companies by The Silicon Review.

4. Agenda
1. Introduction
1.1. Sencha Ext JS
1.2. Testing
2. What is Sencha Test?
3. What can be done using Sencha Test?
4. Sencha Test Components
5. Testing apps- Projects, Scenarios, Suits
6. Unit Testing Ext JS Apps
7. Code Coverage For Test Scripts
8. Testing Apps On Multiple Browsers
9. Questions & Answers
Copyright ©2018, Walking Tree Technologies Pvt Ltd

5. Introduction - Sencha Ext JS
1. Modern JavaScript framework
2. Powerful library of pre-tested & professionally supported integrated components and tools
3. Rapid application development framework
4. Customizable UI components
5. Streamlines cross-platform development
Copyright ©2018, Walking Tree Technologies Pvt Ltd

6. Introduction - Testing
Copyright ©2018, Walking Tree Technologies Pvt Ltd
“ Testing is about gaining confidence
that your code does what
you think it should do ”
@juliemr

7. What is Sencha Test?
1. Most comprehensive unit and end-to-end functional testing solution for ExtJS and ExtReact
applications.
2. Sencha Test helps developers and test automation engineers create unit and functional tests
quickly, and execute them on multiple browsers simultaneously.
3. Sencha Test helps you improve application quality, accelerate time to market, and reduce
testing time and costs.
Copyright ©2018, Walking Tree Technologies Pvt Ltd

8. What can be done using Sencha Test?
1. Sencha Ext JS 4.2 and above
2. Sencha Touch 2.0 and above
3. Any web / mobile browser application ( Angular, ExtReact apps )
Copyright ©2018, Walking Tree Technologies Pvt Ltd
It can test following kind of applications

9. Sencha Test Components
1. Sencha Studio
2. Test Runner
3. Sencha Test CLI
4. Test Archiver
Copyright ©2018, Walking Tree Technologies Pvt Ltd
All of the components work together seamlessly to provide a comprehensive and
integrated test environment designed specifically to test Ext JS and ExtReact
applications.

10. Sencha Test Components - Sencha Studio
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Is the graphical user interface that allows users to write Jasmine tests in a
built-in Sencha Test editor.
● Tests are written using JavaScript and stored in the team’s preferred
source control system.
● Sencha Test allows developers to create tests directly in Sencha Studio, or
code in separate IDE, and execute the test immediately.

11. Sencha Test Components - Test Runner
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Enables developers to run selected unit and end-to-end functional tests on
any or all of the browsers a local machine, a connected mobile device, or
on a browser farm.
● The local Test Runner can be used for test creation and debugging. Apart
from local browsers, external browser farms or a Selenium Grid can be
accessed from the Test Runner through a one-time configuration in Sencha
Studio

12. Sencha Test Components - Sencha Test CLI
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Helps teams achieve the full power of automated test runs.
● Once tests are authored and checked into the source control repository,
developers can launch them with their CI system.
● The CI system can invoke CLI automatically, once it senses a change to
the application code or the test files in the source control repository.

13. Sencha Test Components - Test Archiver
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Enables teams to store and track historical testing trends in their project as
well as compare results between runs.
● Automated visual analysis allows them to identify runs where screens do
not render correctly or visual glitches are present.
● The archiver leverages Sencha Studio to make it easy to understand test
results and quickly identify failures.

14. Let’s have some hands on to cover following points
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Unit Testing ExtJS Apps
● Code Coverage For Test Scripts
● Testing Apps On Multiple Browsers

15. Copyright ©2018, Walking Tree Technologies Pvt Ltd
Question &
Answer

16. References
Copyright ©2018, Walking Tree Technologies Pvt Ltd
● Sencha Blog - Sencha Test Examples
● Sencha Docs
● Sencha.com

17. Copyright ©2018, Walking Tree Technologies Pvt Ltd
Thank You
www.walkingtree.tech