I am making an Hybrid App using Ionic(AngularJS).
I have a generic factory which uses an invoke Api method of WindowsAzureService JS SDK. And I am unit testing my application.
var mClient = new WindowsAzure.MobileServiceClient(applicationUrl,applicationKey);
mClient.invokeApi(api, data, header)).done(function (res) {
// do something
})
I am not using $http, so I can't mock test cases with a $httpBackend. I would like some help on how to test api calls using windowsAzureServices.
Also how to I spyOn this constructor?
Github link to SDK
There isn't a test harness for Mobile Services. You'll want to follow JB Nizet's advice and create one which can mockup the results you expect.
Alternatively, you can call the API directly and set the appropriate ZUMO headers for auth. Then you can use $http and $httpBackend. It's worth checking out Mobile Services GitHub and looking at how they run E2E tests against the client. You can probably use something similar.
Related
My angular app has mock module added for each api call to run it locally.
Now I am trying to write protractor test case where I want to override one of the api from those mocked api.
Based on that api my view will show different ui components.
Now if I create new mock module in my protractor test case with only that single api then page wont render properly.
How can I override only one api from the existing mocked apis?
Is there a way to pass other rest calls to the base mock module?
You might want to start JS mock backend using express, then using express-http-proxy setup dynamic proxy to decide for each request - does it go to real backend or to mock backend.
Leave mock-modules inside your app for js unit tests.
I would like to use Jasmine to write tests (not unit tests) for an AngularJS service I have, which is a wrapper for a REST API I created on my server. The service call should actually get all the way to the server. No mocking needed.
I want to be able to test some scenarios involving combinations of few of these API calls.
I understand I should probably not be using angular-mocks.js but I can't figure out the syntax for getting access to the service instance in the test.
I have something like the code below. As you can see where the ?? I would like to assign the service reference to myService so I could use it in the tests.
beforeEach(function () {
module("myApp");
myService = ??
});
Also, should I include only the service file in the specRunner.html references list?
You will just need to have something like the following:
$httpBackend.whenGET(/\/your-url-here-\/.*/).passThrough();
I'm building an Angular app, and I'm writing unit tests for it. Yay unit tests. I want to mock a particular web service that I'm using (Filepicker.io), which has both a REST API as well as a Javascript API. In my code I use the Javascript API in calls like
filepicker.store(file,
{
options: 'go',
right: 'here'
},
// filepicker's success callback
function(resultObject){
// do stuff with the returned object
}
I know that I could use the $httpBackend provider if I were interacting with Filepicker's REST API, but since my application's code isn't doing that, I'm wondering if/how I could mock an asynchronous API call like this in an Angular unit test.
Do I just override the store method (or the whole filepicker object) in context of my test suite and make it return dummy data of my choosing? That's what they're doing with AngularFire development, with a library that overrides the 'real' Firebase backend service.
Alternately, could I wrap the method in something that uses $httpBackend, so I can use all those handy $httpBackend methods like respond? What's the right strategy here? The first one seems like a simpler and cleaner idea.
Here are some other questions that were similar but ultimately not clear enough for me to fully understand.
AngularJS: unit testing application based on Google Maps API
Unit testing Web Service responses
Mocking Web Services for client layer unit testing
I would first set your SDK as an injectable Service so it can be used more easily by your angular app
myApp.factory('FilePicker',function(){
//likely coming from global namespace
return filepicker;
})
.controller('ctrl',['FilePicker',function(FilePicker){
//use File picker
}];
Now you should be able to inject a mock instead of the real implementation for your tests.
An example with a our controller
describe('ctrl test', function(){
var ctrl;
beforeEach(inject(function($controller){
var mockService={} // here set up a mock
ctrl=$controller('ctrl',{FilePicker:mockService});
}));
});
In my angularjs front end application I am calling REST services on the backend. I am a bit of a newbie in integration testing for angular. I am looking for a good guideline on how to implement this? I dont want to use httpbackend because it looks like this is mocking the backend.
Integration testing generally has multiple meansings, but if your meaning is:
How do I test a user clicking something and then test that their action went all the way to the REST API and some returned result is as expected then I would take a look here:
Protractor
Protractor has/is becoming the standard for End to End testing with Angularjs. It provides a way to simulate user actions and get their result and make assertions. It's built with Selenium and has a nice JavaScript wrapper so that you can keep everything in JavaScript for the front-end. All the tests are defined then using this JavaScript wrapper and Jasmine.
I'm writing an AngularJs front end to an Azure Mobile Services backend and scratching my head wondering the 'angular way' to mock the backend in my tests.
Initial thoughts are that I could create a lookalike service that simply returns expected values but I'm used to using a mocking framework like Moq in my C sharp work to ease the burden.
Any suggestions on how I could accomplish this?
Are you accesing this services using $http or resource?
Two options:
- You can use a mocking framework like Sinon (we have combined it with jasmine for an angularjs based app, mocking $http request).
http://sinonjs.org/docs/
http://www.youtube.com/watch?v=qK-Z0oEdE4Y
http://robdodson.me/blog/2012/05/28/mocking-requests-with-mocha-chai-and-sinon/
- You can use angularmocks and for some given url's return harcoded values.