angularjs - Jasmine (via TypeScript) test to verify scope $on is called -


i have search around few places ideas on this.

how unit test $scope.broadcast, $scope.$on using jasmine

$scope.$on not working in jasmine specrunner

it has helped think seems still missing something. trying test controller has $rootscope.$on in code. in unit test trying trigger $broadcast $on gets , code runs. current code not working.

here controller:

constructor($state: ng.ui.istateservice, store: angular.a0.storage.istoreservice, jwthelper: angular.jwt.ijwthelper, $rootscope: any) {     this.currentdate = new date();     this.state = $state;     this.store = store;     this.jwthelper = jwthelper;     this.userfullname = '';      $rootscope.$on('$statechangestart',         (event: any, tostate: any, toparams: any, fromstate: any, fromparams: any, error: any) => {             var jwttoken = this.store.get('token');             if (jwttoken != null) {                 var decodedtoken: = this.jwthelper.decodetoken(jwttoken);                 }          });  }

here test:

 beforeeach(angular.mock.inject(($compile: ng.icompileservice, $rootscope: any, $controller: any, $state: ng.ui.istateservice, jwthelper: angular.jwt.ijwthelper) => {      controllerscope = $rootscope.$new();     navbarcontroller = $controller('navbarcontroller', { $scope: controllerscope });     currentdate = new date();     rootscope = $rootscope;     state = $state;     jwt = jwthelper; }  it('should broadcast user token', () => {     spyon(controllerscope, '$on');     spyon(jwt, 'decodetoken');     //state.go('home'); trying different way trigger event     rootscope.$broadcast('$statechangestart', [{ tostate: 'home' }]);     expect(controllerscope.$on).tohavebeencalled();     expect(jwt.decodetoken).tohavebeencalled(); });

both spies never called. have missed aligned?

instead of testing whether or not event listener fired, you're verifying whether code registers listener fired.

it fired, controllerscope.$on got invoked in beforeeach function, not in it. spyon can't reach past detect prior function calls; if it, that's not test you're trying do.

basically you've done this:

window.addeventlistener('mousemove', somefunctionexpr); spyon(window, 'addeventlistener'); triggermousemoveevent(); expect(window.addeventlistener).tohavebeencalled();

i can't speak decodetoken / jwt -- code doesn't reference anywhere don't know expect called.


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

android - Keyboard hides my half of edit-text and button below it even in scroll view -

i having trouble keyboard covers edit-text , half of button in scroll view. here's layout , please tell me how should resolve problem. many questions on topic none of them s working me. <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"> <scrollview android:layout_width="match_parent" android:fillviewport="true" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="w...
Read more