Book Image

Angular Test-Driven Development - Second Edition

By : Md. Ziaul Haq
Book Image

Angular Test-Driven Development - Second Edition

By: Md. Ziaul Haq

Overview of this book

<p>This is a complete guide that shows you testing techniques with Karma that will help you perform unit testing and end-to-end testing with Protractor. It will show you how to optimize your Angular development process using TDD techniques and ensure your final project is free of bugs. All examples in this book are based on Angular v2 and are compatible with Angular v4.</p> <p>We start by reviewing the TDD life cycle, TDD in the context of JavaScript, and various JavaScript test tools and frameworks. You will see how Karma and Protractor can make your life easier while running JavaScript unit tests. We will enable you to build a test suite for an Angular application and build a testable medium-to-large scale Angular application by handling REST API data.</p> <p>Building on the initial foundational aspects, we move on to testing for multiple classes, partial views, location references, CSS, and the HTML element. In addition, we will explore how to use a headless browser with Karma. We will also configure a Karma file to automate the testing and tackle elements of Angular (components, services, classes, and broadcasting) using TDD.</p> <p>Finally, you will find out how to pull data using an external API, set up and configure Protractor to use a standalone Selenium server, and set up Travis CI and Karma to test your application.</p>

Related Content you might be interested in

Current Title:

Small book image
Angular Test-Driven Development - Second Edition
Md. Ziaul Haq
Feb, 2017 | 252 pages
Small book image
Learning Angular for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Small book image
Expert Angular
Alexandru Vasile Pop | Rajesh Gunasundaram | Sridhar Rao Chivukula | Mathieu Nayrolles
Jul, 2017 | 454 pages
Small book image
Angular 2 Cookbook
Matthew Frisbie | Patrick Gillespie
Jan, 2017 | 464 pages
Table of Contents (15 chapters)
Angular Test-Driven Development
Angular Test-Driven Development
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Introduction to Test-Driven Development
Introduction to Test-Driven Development
An overview of TDD
Practical TDD with JavaScript
Mechanism of testing
Self-test questions
Summary
2
Details of JavaScript Testing
Details of JavaScript Testing
The craft of JavaScript testing
Types of testing
Testing tools and frameworks
The choice is ours
Say hello to Jasmine test suite
The Jasmine test suite for Angular
Self-test questions
Summary
3
The Karma Way
The Karma Way
The birth of Karma
Installing Karma
Configuring Karma
Testing with Karma
Confirming the Karma installation
Using Karma with Angular
Testing with Angular and Karma
Configuring Karma with Travis CI
Self-test questions
Summary
4
End-to-End Testing with Protractor
End-to-End Testing with Protractor
An overview of Protractor
Origins of Protractor
Getting ready with Protractor
Integrating Protractor with Angular
Making the test better
Self-test questions
Summary
5
Protractor, a Step Ahead
Protractor, a Step Ahead
Advanced setup and configuration
Protractor APIs
Protractor tests - postmortem
Pausing and debugging
Self-test questions
Summary
6
The First Step
The First Step
Preparing the application's specifications
Setting up the Angular project
Top-down versus bottom-up approach - which one do we use?
Testing a component
Diving into our comment application
Onward and upward
Self-test questions
Summary
7
Flip Flop
Flip Flop
Fundamentals of TDD
Preparing an Angular project
Setting up headless browser testing for Karma
Walk-through of Angular routes and navigation
Searching the TDD way
Running the search wheel
Self-test questions
Summary
8
Telling the World
Telling the World
Getting ready to communicate
Unit testing
Karma configuration
Testing routers and navigation
Recap of the application behavior
Updating the application behavior
Angular services
Communicating through the power of events
Planning further improvements
Moving ahead
Self-test questions
Summary

About the Author

Md. Ziaul Haq is a senior software engineer, Full Stack JavaScript developer, frontend architect, speaker, and certified scrum master from Dhaka, Bangladesh. He is a passionate programmer who loves to work on web technologies, mobile application development, and new technologies in general. JavaScript is his current technology stack of choice, in which he is working with Angular, NodeJS, ES2015, ReactJS, VueJS, npm, and socket.io. He has also worked on LAMP technologies (http://www.lamp-technologies.com/) since an early stage in his career.

Ziaul currently works with the Upwork platform development team as a JavaScript developer. He started his career in 2006 as a software developer and, in his 10-year-long journey, he has worked at different companies in various tech roles. He also worked with UNICEF Myanmar and Bangladesh as a consultant. He just completed his MSc in computer science at United International University, Bangladesh.

Ziaul likes to involve himself in the technology community, where he leads three local JavaScript communities, including AngularJS Bangladesh and TalkJS. He is very active in the local JavaScript community, famously known as jquerygeek. You can follow him on Twitter at @jquerygeek.

Ziaul likes to watch sports during his free time. His favorite sports are football and cricket. In spite of being a crazy fan of Barca and Messi for football, he never misses a game when his country, Bangladesh, plays any cricket match.

Ziaul lives in Dhaka with his lovely wife, Richi, sweet son, Aarabi, cute daughter, Aafra, and caring parents. He spends time with family and friends when he is not working.

Previous Section
Next Chapter