What are some methods for replacing $httpBackend with a different mock server?

Currently, I am working on unit tests for Angular (1.2.x) using ngMock. In my project, there is a fixture system that relies on sinon.fakeServer. Instead of using the $httpBackend, I want to utilize this fixture system for my unit tests.

In ngMockE2E tests, Angular offers a passthrough method, but there isn't a clear equivalent for unit tests. The general consensus is that unit tests should not pass through to a server. However, in my case, I just want to pass through to a non-Angular-dependent mock.

My current approach involves creating a shim to match .whenGet and .whenPost requests and direct them to my fake server.

Yet, it would be more efficient if I could simply "turn off" the $httpBackend. Is there a way to accomplish this?

javascriptangularjsmocking

Answer №1

If you're looking to restore httpBackend functionality, consider the following:

angular.module('httpReal', ['ng'])
    .config(['$provide', function($provide) {
        $provide.decorator('$httpBackend', function() {
            return angular.injector(['ng']).get('$httpBackend');
        });
    }])
    .service('httpReal', ['$rootScope', function($rootScope) {
        this.submit = function() {
            $rootScope.$digest();
        };
    }]);

This approach allows you to replicate httpBackend. For more information, check out: HTTPBackend Restoration Guide

Answer №2

Here is a potential solution that could be effective.

The suggestion here is to utilize ngMockE2E's $httpBackend. It's worth noting that if your test triggers XHR requests, it may not strictly be considered a 'Unit Test'.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Converting SQL database information into a JSON array

Greetings, I recently followed a tutorial to create a database, which can be found at this link: https://www.digitalocean.com/community/tutorials/a-basic-mysql-tutorial My goal is to convert my SQL database into a JSON array, similar to the format shown b ...

javascriptphpmysqlarraysjson

Stop automated web crawlers from crawling through JavaScript links

To enable remote jQuery templating, I have embedded some links in JavaScript. For example: <script type="text/javascript"> var catalog = {}; catalog['key1'] = 'somepath/template_1.html'; catalog['key2'] = 'anotherp ...

javascriptjqueryweb-crawler

Creating a JSON object from a dictionary: Step-by-step guide

I'm new to JavaScript and I have a situation where I receive a lengthy dictionary in the browser that looks like this: {"cat": "4" , "dog": "5", "fish": "9" } I'm curious about the most effective method to convert it into a JSON object structur ...

javascriptarraysjsonobject

Choosing the date and time using the picker with the type of 'datetime-local'

Is there a way to ensure that the start date/time is always earlier than the end date/time when selecting them using two text-field HTML elements? <v-text-field id="setTime" outlined type="datetime-local" label="Start ...

javascriptvue.jsvuetify.js

Do not open iframe links in a new window

Is it possible to manipulate the iframe so that links open inside the iframe window? I want the links clicked within the iframe to stay within the same window instead of opening in a new one. However, I have too many links to individually edit their code ...

javascripthtmliframe

The Facebook app is experiencing issues on Chrome, yet is functioning properly on Firefox

Lately, I've ventured into the world of creating Facebook Apps on heroku. After creating a test app and uploading a page with HTML5, CSS, and Javascript, I encountered an issue where the app wasn't displaying correctly in Google Chrome , but work ...

javascriptfacebookgoogle-chromefirefoxheroku

Using RequireJS with ASP.NET MVC for Efficient Script Bundling

There are a couple of things I am puzzled about. I have been delving into learning RequireJS and employing it in tandem with ASP.NET MVC bundling & minification. I have set up a separate configuration file for RequireJS which contains the bundling details ...

javascriptasp.net-mvcrequirejsbundling-and-minification

Failure to call the controller function when submitting the form

After clicking the submit button, I noticed that the auth function is not being triggered. Unfortunately, I haven't been able to identify the root cause of this issue. Here is the HTML template for all pages: <!DOCTYPE html> <html ng-app="m ...

c#asp.netangularjsforms

Why am I seeing back-end console errors that are related to my front-end?

Recently, I encountered an error message that prevents me from using 'import' in my front end code when trying to execute 'node index'. This issue never occurred before, and it only arose when I returned to this project. In my backend ...

javascriptnode.jsreactjsmern

I am currently having trouble with req.query not functioning correctly within Next.js for reading query parameters

I am facing an issue while working with a REST API in Next.js 13. I have created the API, which can be accessed at http://localhost:3000/api/portfolio. However, when I try to filter the data using query parameters like http://localhost:3000/api/portfolio?s ...

javascriptreactjsnext.js

Webpack's equivalent to JSPM's override functionality

I am currently working on a project where I have specified an override for a package inside the jspm block in the package.json file. The content of the override block is as follows: "overrides": { "github:repoName/myPackage@master": { "main": "js/so ...

javascriptnode.jsnpmwebpackjspm

Show a Pop-Up When a Key is Pressed

My website popup features a 'Close' button in the top right corner, a text section with a background image, and a 'Print' button at the bottom. The popup automatically appears when the page loads. However, once closed, there is currentl ...

javascriptjqueryhtmlcsskeyboard-events

Top method for adding animation to the undeclared feature on a component

During a recent keynote, I heard that in the future versions of React, it's recommended to hide a component or element using the hidden property. However, I'm curious about how to incorporate a transition effect when toggling the visibility of an ...

javascriptcssreactjscss-transitions

Logging out of Google when refreshing the page

I am currently working with the setup outlined below: .service('googleService', ['$q', function ($q) { var self = this; this.load = function(){ var deferred = $q.defer(); gapi.load('auth2', function() ...

javascriptangularjsgoogle-signin

On screens with smaller dimensions, the Material-UI AppBar buttons elegantly overlap to save space

I am facing an issue with my Appbar component where it displays properly on wide screens, as shown below: https://i.sstatic.net/Uz83x.png However, on smaller screens, the buttons overlap each other like this: https://i.sstatic.net/JnM6F.png Even aft ...

javascriptreactjsmaterial-uijss

How to Append Data to an Empty JSON Object in Angular

I have started with an empty JSON object export class Car {} After importing it into my component.ts, I am looking to dynamically add fields in a loop. For example: aux = new Car; for (var i = 0; i < 10; i++) { car.addName("name" + i); } My aim is ...

javascriptjsonangular

The Selenium driver's execute_script method yields no result

One of the tasks I have is to determine if a specific element is within view. If it is, I want the script to return True; otherwise, False: driver.execute_script('window.pageYOffset + document.querySelector(arguments[0]).getBoundingClientRect().bottom ...

javascriptpythonselenium-webdriver

What is the equivalent of Android Input/Output stream in TypeScript/JavaScript?

My current task involves sending data from Angular to an Android device. The requirement is for the data to be sent to the Android device using its input/output stream methods. If you are unsure of what I am asking, please provide assistance and let me kn ...

javascripttypescriptinputstreamoutputstream

unable to save array using chrome extension storage API

Currently, I am in the process of developing a Chrome extension and utilizing the Storage API. The information regarding this can be found here. To my understanding, it is feasible to store JS objects and arrays through this method. Below is an excerpt of ...

javascriptjquerygoogle-chrome

What significance does the symbol "'" hold in the ng-style attribute?

Can someone explain the purpose of the " \' " in this code snippet? <div ng-style="{ \'cursor\': row.cursor }" Is there a reason why it can't be written simply as <div ng-style="{ cursor: row.cursor }" Here is ...

cssangularjs