The Google Maps Geocoder is a handy utility that lets you do this: var geocoder = new google.maps.Geocoder(); geocoder.geocode({ ‘address’: ‘1600 Amphitheatre Parkway, Mountain View, CA 94043′ }, function(results) { // address results of Google HQ }); When writing unit tests though, we don’t really want to be hitting the Google API each time. So […]
JavaScript
Use Script Blackboxing to Skip Third Party Libraries When Debugging JavaScript in Chrome
Sometimes you’ll be debugging some click handler in your code, happily stepping through, only to find yourself suddenly lost in the middle of JQuery’s minified code. From there, it can be a struggle to step back out and resume debugging at the entry point to the library. Wouldn’t it be great if we could just […]
Mocking Angular’s $http Promise return type using only Mocks
Last week, we had a look at Mocking Angular’s $http Promise return type using the $q library. This gives you a great deal of control over when your mock promises are resolved. But, it comes at the cost of requiring both the $q library and manually calling $rootscope.$apply(). If you want to avoid those (and […]
Mocking Angular’s $http Promise return type
The Angular $http service provides an easy way to interact with an API endpoint. If you want to query some data, you can simply do this: var request = $http.get(“/api/items”); request.success(function(data) { console.log(“I have data”, data); }); The request object above is an Angular HTTP promise (ng.IHttpPromise if you’re using TypeScript). While easy enough to […]
Create a Grunt meta-runner in TeamCity
As much as all the cool kids are now using Gulp, I’m still using Grunt for a few few automated tasks. In our current project, we’re using it to compress all of our JS in the project, run the Jasmine tests through Karma, and generate test code coverage reports. As well as doing this locally, […]
Writing Cleaner AngularJS with TypeScript and ControllerAs
Our team made the move to TypeScript and Angular at the tail end of last year. I’d had a look at Angular a year or so ago but struggled to get my head around the excessive usage of $scope and the nesting of $parent items that needed to be traversed. Since then (with version 1.2.0), […]
Inject CSS From Your RequireJS Module Into The Main App
We’ve been doing some work on a data display app that serves as a framework for a bunch of modules. We picked RequireJS to create the app due to its modular structure and used it with a Node.js backend to build a small app that we can now create child data modules for. Each child […]
So You’re a Professional Web Developer Are you?
Over the past few months, I’ve been helping out with recruitment for one of our offices by putting together a coding test and then marking the results. It’s been eye-opening. Also part soul destroying and tear inducing. At one point I stopped to look for the hidden camera, expecting a ghostly Jeremy Beadle to appear […]
Use Karma and Grunt to Run Your Jasmine Tests in Real-Time
As JavaScript applications become more common and more complex, the need for good unit test coverage also increases. Hopefully you’re already writing tests. If not, why not? When I’m doing TDD with C#, I use NCrunch to monitor all tests within the Visual Studio Solution and run them as they change. This saves me having […]
Post an array of objects to WebAPI using jQuery
This is quite niche but caught me out the other day. Let’s say you have a person entity: public class Person { public int Id { get; set; } public string Name { get; set; } public int Age { get; set; } } and you have a WebAPI method that takes in a group: […]