AngularJS Test Frameworks & Tools

15
ANGULARJS TEST FRAMEWORKS & TOOLS

description

AngularJS extends the HTML vocabulary to cater to the dynamic views. The libraries read HTML containing tag attributes to follow the tag directives. The input or output of the page is bound to a model, represented by JavaScript variables. These values are manipulated from Static or Dynamic JSON resources. The two way data binding makes it an effective tool for efficiently building client-side web apps

Transcript of AngularJS Test Frameworks & Tools

Page 1: AngularJS Test Frameworks & Tools

ANGULARJS TEST FRAMEWORKS & TOOLS

Page 2: AngularJS Test Frameworks & Tools

ANGULARJS – HTML FOR WEB APPS

An open source web application framework for web applications

Maintained & promoted by Google

Enhances web apps with MVC – Model View Controller

Page 3: AngularJS Test Frameworks & Tools

WHERE HTML FALTERS

HTML is the most trustworthy for declaring static documents

There are known challenges for implementing web apps with HTML

Page 4: AngularJS Test Frameworks & Tools

ENHANCING HTML WITH ANGULARJS

AngularJS extends the HTML vocabulary to cater to the dynamic views

The libraries read HTML containing tag attributes to follow the tag directives

The input or output of the page is bound to a model, represented by JavaScript variables

These values are manipulated from Static or Dynamic JSON resources

The two way data binding makes it an effective tool for efficiently building client-side web apps

Page 5: AngularJS Test Frameworks & Tools

TESTING ANGULARJS

Page 6: AngularJS Test Frameworks & Tools

KARMA

Test on Real Devices

Test your code on real browsers and real devices such as phones, tablets

Remote Control

Control the whole workflow from the command line or the IDE

When a file is saved, Karma will run all the tests

Testing Framework Agnostic

Describe tests with Jasmine, Mocha, QUnit or write a simple adapter for any framework of choice

 

Page 7: AngularJS Test Frameworks & Tools

…KARMA

Open Source

Developed for and maintained by the open source community at GitHub

Easy Debugging

Easy debugging directly from your IDE via WebStorm or Google Chrome

Continuous Integration

Simple integration with Jenkins, Travis or Semaphore 

Page 8: AngularJS Test Frameworks & Tools

ANGULAR MOCKS

A Namespace from 'angular-mocks.js'

Contains testing related code

Provides support for injecting and mocking Angular services in unit tests

Page 9: AngularJS Test Frameworks & Tools

PROTRACTOR

An E2E test framework for Angular apps

A feature testing tool for AngularJS

Launches the app in a browser to interacts via Selenium

Page 10: AngularJS Test Frameworks & Tools

MOCHA

Claimed to be simple, flexible and fun

A feature-rich, JavaScript test framework running on node.js

It is a browser for asynchronous testing

Tests run serially, allowing flexible and accurate reporting

Map uncaught exceptions to the correct test cases

Enables writing describe blocks and making assertions

Page 11: AngularJS Test Frameworks & Tools

CHAI

A BDD / TDD assertion library for node.js

It is a browser can be coupled with any JavaScript testing framework

An Assertion library that hooks into Mocha giving access to Behavior-Driven Development assertions

Page 12: AngularJS Test Frameworks & Tools

CHAI AS PROMISED

A Chai plug-in

Helpful for dealing with function calls that return a promise

Extends Chai with assertions about promises

Page 13: AngularJS Test Frameworks & Tools

LODASH

A Utility Library delivering Consistency

Customization

Performance

Used to extend JavaScript to make it easier to work with

Page 14: AngularJS Test Frameworks & Tools

SINON

A standalone test, spies, stubs and mocks for JavaScript

Has no dependencies

Works with any unit testing framework

Is a Stubbing and mocking library

Used to mock out directive & controller dependencies in unit tests

Checks the correctness of arguments in functions

Page 15: AngularJS Test Frameworks & Tools

 

VISIT HTTP://WWW.SPEC-INDIA.COM/SERVICES/SOFTWARE-TESTING-SERVICES.HTML

& REQUEST A FREE POC

TO TEST DRIVE OUR SERVICES