Unit Testing Best Practices in AngularJS

http://andyshora.com/unit-testing-best-practices-angularjs.html

by andyshora • 13 years ago

71 15 13 years ago

tegeek• 13 years ago

Client side testable code is one of the pinnacle of AngularJS.

Reuseable declarative UI's through Directives, reuseable business logic throug Services and view models (controllers) having only knowledge of views is a really good for maintainablity of a complex javascript app. AngualrJS can beat any framework out there (Backbone, Ember, etc.) when it comes to having testable & manageable code.

If your product is going to be complex, AngularJS is a no-brainer deal.

mgr86• 13 years ago

I'm curious, is there a strong reason to chose AngularJS over other non JS frameworks. Say, Rails, Django, or one of the many other alternatives?

I realize this thread has me walking into the AngularJS den, but it is something i've been passively curious about.

WalterSear• 13 years ago

It's a bit of an Apples-to-Oranges comparison to compare a client-side framework to server-side ones.

camus2• 13 years ago

AngularJS is a javascript front-end framework, it has little to do with the server, you still need Rails,Django,Spring or whatever to manage your server-side application.

joshuacc• 13 years ago

Generally speaking, you'd use Angular with a backend framework.

Angular and other front-end frameworks are great for responding to user interactions extremely quickly, because often you don't have to go back to the server. And in addition when it does need to interact with the server, it is often faster to respond because it doesn't need to fetch anything but JSON data.

But that data needs to come from somewhere. And that's where Rails/Django/Play/Symphony/whatever are used.

michaldudek• 13 years ago

It's not "this or that". AngularJS is a complementary framework for client side instead of server side.

That said, AngularJS can offload a lot of server side work. Mainly rendering views and the overall presentation layer. You can basically ditch your server side templating system and make your Rails, Django, PHP or node.js a simple REST API endpoint (with some additional auth system based on cookies or smth).

rohitv• 13 years ago

Would you mind clarifying on how AngularJS is better than BackboneJS when it comes to having testable & manageable code? I am currently working setting up a unit testing environment with BackboneJS, it seems to be working well. What major differences exist when you test the two?

chrisrhoden2• 13 years ago

  1. DI.
  2. Clear separation of concerns.

I believe that writing testable Javascript has been possible since the name Javascript was invented. Angular.js has made it easier by doing its best to force you to write testable code.

ldn_tech_exec1• 13 years ago

This is great work, thanks for sharing!

andrewdavey• 13 years ago

If you need end-to-end, browser-based, testing as well, check out Protractor: https://github.com/angular/protractor/blob/master/README.md

It's built on top of WebDriverJS. I've been playing with it today and so far it's working very well.

nickpresta• 13 years ago

Just to add, http://www.yearofmoo.com/2013/09/advanced-testing-and-debugg...

A great article in a series of AngularJS articles, written by Matias Niemelä.

mvzink• 13 years ago

Great article. One thing I wish got more coverage is testing directives: it's already much easier than most DOM-testing methods (though it can't replace selenium etc.), but doing it well and consistently has proven difficult and I don't test most of my directives. For example, I had to modify the triggerHandler function in Angular to allow sending fake key presses since it didn't have a built in way (at least a few months ago) to specify the "which" property on the event.

Also, If you're in Chicago, the Angular meetup group will be talking about testing on November 20th: http://www.meetup.com/AngularJS-Chicago/

Rodeoclash• 13 years ago

This. I've come to the conclusion that directive testing falls under two headers.

1, measuring the effects of the directive on the dom, e.g. rendering a list of orders. This reflects the state of the application and

2, e2e testing of directives with a real browser.

However, I'm not sure this is correct! I'd like to see some best practices listed by the Angular authors.

Unit Testing Best Practices in AngularJS

Related Stories