带有查询参数的$ httpBackend请求

Question

$httpBackend.whenGET('/restpath/api/v1/books')
.respond({// some data}); 

我收到以下错误

Error: Unexpected request: GET /restpath/api/v1/books
 Expected GET /restpath/api/v1/books?limit=10&start=1

对于expectGET,我有以下内容,这将创建动态查询字符串.主要是'start'参数和whenGET部分,我试图根据'start'服务器动态内容

$httpBackend.expectGET('/restpath/api/v1/books?limit=10&start=1'); // the actual service goes here , which does the $http service. we don't care $httpBackend.flush();

Answer 1

(对于版本低于v1.5.0-build.4371的角度应用程序)

如果您不关心"？"之后的参数 你可以这样做 :

$httpBackend.expectGET(/.*?restpath\/api\/v1\/books?.*/g).respond(200, '{}');

如果您关心第一个参数,请执行以下操作:

$httpBackend.expectGET(/.*?restpath\/api\/v1\/books?limit=10.*/g).respond(200, '{}');

如果你关心他们都这样做:

$httpBackend.expectGET("/restpath/api/v1/books?limit=10&start=1").respond(200, '{}');

Answer 2

编辑

从v1.5.0-build.4371开始,文档声明响应回调接受一个params参数.

默认情况下,请求URL上的查询参数被解析为params对象.因此,/ list？q = searchstr&orderby = -name的请求URL会将params设置为{q:'searchstr',orderby:' - name'}

所以'/restpath/api/v1/books?limit=10&start=1'你会得到:

$httpBackend
   .whenGET('/restpath/api/v1/books?limit=10&start=1')
   .respond(function(method, url, data, headers, params) {

    // params will be {
    //   limit: 10,
    //   start: 1
    // }

   });

以前

1. 你用

   • .expectGET() 如果你想$ httpBackend在不匹配时抛出异常.
   • .whenGET() 在其他情况下.

2. 该文档状态.respond()可以接受一个Array或一个回调函数,与签名:function(method, url, data, headers) {};

既然我们知道如何访问请求URL,为了提供动态内容,我们可以.respond()使用辅助函数解析我们在回调中收到的url,例如Andy E在此问题中发布的函数:

// inspired by Andy E
// @https://stackoverflow.com/users/94197/andy-e

function matchParams(query) {
   var match;
   var params = {};

   // replace addition symbol with a space
   var pl = /\+/g;

   // delimit params
   var search = /([^&=]+)=?([^&]*)/g;


   var decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); };

   while (match = search.exec(query))
     params[decode(match[1])] = decode(match[2]);

   return params;
}

有了这个帮助器,我们可以知道构建动态响应,例如:

// we use a regex to be able to still respond to 
// dynamic parameters in your request
var urlRegex = /\/restpath\/api\/v1\/books\?limit=(\d+)&start=(\d+)/;

$httpBackend
   .whenGET(urlRegex)
   .respond(function(method, url){

      // send only the url parameters to the helper
      var params = matchParams(url.split('?')[1]);

      // params is now an object containing
      // {limit: 10, start:1}
      // so do whatever you want with it.
      var dynamicData = getMockData(params.start);


      // don't forget to return.
      return [200, dynamicData];
   });

mySuperFactory.method().then(...);

// now resolve the Promise by flushing.
$httpBackend.flush();

瞧!您可以为测试提供动态模拟数据.