Try

    toHaveBeenCalledWith(jasmine.any(Object), jasmine.any(Function))

Jasmine 2:

     expect(callback).toHaveBeenCalledWith(jasmine.objectContaining({
        bar: &quot;baz&quot;
      }));

https://jasmine.github.io/2.0/introduction.html

If you wish to test for specific things, you can do something like:
          
    expect(mockSomething.someMethod.mostRecentCall.args[0].pool.maxSockets).toEqual(50);


The syntax in Jasmine 2 is now:

    mockSomething.someMethod.calls.mostRecent().args[0]

I&#39;m building an angular directive which will be used in a few different locations. 
I can&#39;t always guarantee the file structure of the app the directive is used in, but I can force the user to put the `directive.js` and `directive.html` (not the real file names) in the same folder. 

When the page evaluates the `directive.js`, it considers the `templateUrl` to be relative to itself. Is it possible to set the `templateUrl` to be relative to the `directive.js` file?

Or is it recommended to just include the template in the directive itself. 

I&#39;m thinking I may want to load different templates based on different circumstances, so would prefer to be able to use a relative path rather than updating the `directive.js`


Angular directive templateUrl relative to .js file


Is it possible to inject one service into another service in angularJS? 

Injecting a service into another service in angularJS

With Jasmine, I could spy on methods and figure out the arguments. I want to be able to call `toHaveBeenCalledWith(something, anything)`.

Let&#39;s say I want to spy on a method `.on(event, callback)`. All I care about is if the `event` is listened to rather than what the actual callback identity is. Is it possible to do this without writing a custom matcher? I don&#39;t see one.

jasmine toHaveBeenCalledWith partial matching

<p>With Jasmine, I could spy on methods and figure out the arguments. I want to be able to call <code>toHaveBeenCalledWith(something, anything)</code>.</p>
<p>Let's say I want to spy on a method <code>.on(event, callback)</code>. All I care about is if the <code>event</code> is listened to rather than what the actual callback identity is. Is it possible to do this without writing a custom matcher? I don't see one.</p>


I know that I can get access to the click event from `ng-click` if I pass in the `$event` object like so:

    &lt;button ng-click=&quot;myFunction($event)&quot;&gt;Give me the $event&lt;/button&gt;
    
    &lt;script&gt;
      function myFunction (event) {
        typeof event !== &quot;undefined&quot; // true
      }
    &lt;/script&gt;


It&#39;s a little bit annoying having to pass `$event` explicitly every time. Is it possible to set `ng-click` to somehow pass it to the function by default?

Automatically pass $event with ng-click?

I noticed that for us on Eastern Time zone (&quot;America/New_York&quot;) with timezone offset of **&quot;-05:00&quot;** Date.getTimezoneOffset() returns a **positive** number of 300. I would expect offset in minutes to be negative in areas to the West from Utc, and to be positive in areas to the east of Utc, but apparently it&#39;s &quot;flippded&quot;.  What&#39;s the reasoning behind that decision?

http://momentjs.com/ follows the same rule and returns...

    moment.parseZone(&quot;01/13/2014 3:38:00 PM +01:00&quot;).zone()   // == -60
    moment.parseZone(&quot;01/13/2014 3:38:00 PM -01:00&quot;).zone()   // == 60

At the same time DateTimePicker http://trentrichardson.com/examples/timepicker/ does not flip numbers when setting its initial &#39;timezone&#39; parameter. Is it wrong?

Why does JavaScript Date.getTimezoneOffset() consider &quot;-05:00&quot; as a positive offset?

In AngularJS, I see sometimes we use `$state.transitionTo()` and sometimes we use `$state.go()`. Can anyone tell me how they differ and when one should be used over the other?

Difference between $state.transitionTo() and $state.go() in Angular ui-router

I saw a [React](http://facebook.github.io/react/index.html) dev talk at ([Pete Hunt: React: Rethinking best practices -- JSConf EU 2013][1])  and the speaker mentioned that dirty-checking of the model can be slow. But isn&#39;t calculating the diff between virtual DOMs actually even less performant since the virtual DOM, in most of the cases, should be bigger than model?

I really like the potential power of the Virtual DOM (especially server-side rendering) but I would like to know all the pros and cons.


  [1]: http://www.youtube.com/watch?v=x7cQ3mrcKaY

Why is React&#39;s concept of Virtual DOM said to be more performant than dirty model checking?

I&#39;ve written a factory to produce `java.sql.Connection` objects:

    public class MySQLDatabaseConnectionFactory implements DatabaseConnectionFactory {
    
        @Override public Connection getConnection() {
            try {
                return DriverManager.getConnection(...);
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
        }
    }

I&#39;d like to validate the parameters passed to `DriverManager.getConnection`, but I don&#39;t know how to mock a static method. I&#39;m using JUnit 4 and Mockito for my test cases. Is there a good way to mock/verify this specific use-case?

Mocking static methods with Mockito

I&#39;m writing a unit test for a controller that fires up a `$modal` and uses the promise returned to execute some logic. I can test the parent controller that fires the $modal, but I can&#39;t for the life of me figure out how to mock a successful promise.

I&#39;ve tried a number of ways, including using `$q` and `$scope.$apply()` to force the resolution of the promise. However, the closest I&#39;ve gotten is putting together something similar to the last answer in [this](https://stackoverflow.com/questions/15490150/angular-ui-bootstrap-testing-a-controller-that-uses-a-dialog) SO post;

I&#39;ve seen this asked a few times with the &quot;old&quot; `$dialog` modal.
I can&#39;t find much on how to do it with the &quot;new&quot; `$dialog` modal.

Some pointers would be tres appreciated.

To illustrate the problem I&#39;m using the [example provided in the UI Bootstrap docs](http://angular-ui.github.io/bootstrap/#/modal), with some minor edits.

**Controllers (Main and Modal)**

    &#39;use strict&#39;;
    
    angular.module(&#39;angularUiModalApp&#39;)
        .controller(&#39;MainCtrl&#39;, function($scope, $modal, $log) {
            $scope.items = [&#39;item1&#39;, &#39;item2&#39;, &#39;item3&#39;];
    
            $scope.open = function() {
    
                $scope.modalInstance = $modal.open({
                    templateUrl: &#39;myModalContent.html&#39;,
                    controller: &#39;ModalInstanceCtrl&#39;,
                    resolve: {
                        items: function() {
                            return $scope.items;
                        }
                    }
                });
    
                $scope.modalInstance.result.then(function(selectedItem) {
                    $scope.selected = selectedItem;
                }, function() {
                    $log.info(&#39;Modal dismissed at: &#39; + new Date());
                });
            };
        })
        .controller(&#39;ModalInstanceCtrl&#39;, function($scope, $modalInstance, items) {
            $scope.items = items;
            $scope.selected = {
                item: $scope.items[0]
            };
    
            $scope.ok = function() {
                $modalInstance.close($scope.selected.item);
            };
    
            $scope.cancel = function() {
                $modalInstance.dismiss(&#39;cancel&#39;);
            };
        });

**The view (main.html)**

    &lt;div ng-controller=&quot;MainCtrl&quot;&gt;
        &lt;script type=&quot;text/ng-template&quot; id=&quot;myModalContent.html&quot;&gt;
            &lt;div class=&quot;modal-header&quot;&gt;
                &lt;h3&gt;I is a modal!&lt;/h3&gt;
            &lt;/div&gt;
            &lt;div class=&quot;modal-body&quot;&gt;
                &lt;ul&gt;
                    &lt;li ng-repeat=&quot;item in items&quot;&gt;
                        &lt;a ng-click=&quot;selected.item = item&quot;&gt;{{ item }}&lt;/a&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
                Selected: &lt;b&gt;{{ selected.item }}&lt;/b&gt;
            &lt;/div&gt;
            &lt;div class=&quot;modal-footer&quot;&gt;
                &lt;button class=&quot;btn btn-primary&quot; ng-click=&quot;ok()&quot;&gt;OK&lt;/button&gt;
                &lt;button class=&quot;btn btn-warning&quot; ng-click=&quot;cancel()&quot;&gt;Cancel&lt;/button&gt;
            &lt;/div&gt;
        &lt;/script&gt;
    
        &lt;button class=&quot;btn btn-default&quot; ng-click=&quot;open()&quot;&gt;Open me!&lt;/button&gt;
        &lt;div ng-show=&quot;selected&quot;&gt;Selection from a modal: {{ selected }}&lt;/div&gt;
    &lt;/div&gt;


**The test**

    &#39;use strict&#39;;
    
    describe(&#39;Controller: MainCtrl&#39;, function() {
    
        // load the controller&#39;s module
        beforeEach(module(&#39;angularUiModalApp&#39;));
    
        var MainCtrl,
            scope;
    
        var fakeModal = {
            open: function() {
                return {
                    result: {
                        then: function(callback) {
                            callback(&quot;item1&quot;);
                        }
                    }
                };
            }
        };
    
        beforeEach(inject(function($modal) {
            spyOn($modal, &#39;open&#39;).andReturn(fakeModal);
        }));
    
    
        // Initialize the controller and a mock scope
        beforeEach(inject(function($controller, $rootScope, _$modal_) {
            scope = $rootScope.$new();
            MainCtrl = $controller(&#39;MainCtrl&#39;, {
                $scope: scope,
                $modal: _$modal_
            });
        }));
    
        it(&#39;should show success when modal login returns success response&#39;, function() {
            expect(scope.items).toEqual([&#39;item1&#39;, &#39;item2&#39;, &#39;item3&#39;]);
    
            // Mock out the modal closing, resolving with a selected item, say 1
            scope.open(); // Open the modal
            scope.modalInstance.close(&#39;item1&#39;);
            expect(scope.selected).toEqual(&#39;item1&#39;); 
            // No dice (scope.selected) is not defined according to Jasmine.
        });
    });



Mocking $modal in AngularJS unit tests

I&#39;ve got an interface which declares

    Task DoSomethingAsync();
I&#39;m using MoqFramework for my tests:

    [TestMethod()]
    public async Task MyAsyncTest()
    {
       Mock&lt;ISomeInterface&gt; mock = new Mock&lt;ISomeInterface&gt;();
       mock.Setup(arg =&gt; arg.DoSomethingAsync()).Callback(() =&gt; { &lt;my code here&gt; });
       ...
    }

Then in my test I execute the code which invokes `await DoSomethingAsync()`. And the test just fails on that line. What am I doing wrong?

How can I tell Moq to return a Task?

What specifically is the difference between [Mocha](http://visionmedia.github.io/mocha/)&#39;s `before()` and `beforeEach()`? (Same question for `after()` and `afterEach()`.)

I assume `before()` runs once per `describe()` block, and `beforeEach()` runs once per test (`it()` block). Is that true?

And when would I choose to use one over the other?

What is the difference between `before()` and `beforeEach()`?

How do I persist changes made within the same object inheriting from `TestCase` in unitttest?

    from unittest import TestCase, main as unittest_main
    
    
    class TestSimpleFoo(TestCase):
        foo = &#39;bar&#39;
    
        def setUp(self):
            pass
    
        def test_a(self):
            self.assertEqual(self.foo, &#39;bar&#39;)
            self.foo = &#39;can&#39;
    
        def test_f(self):
            self.assertEqual(self.foo, &#39;can&#39;)
    
    
    if __name__ == &#39;__main__&#39;:
        unittest_main()

I.e.: I want those two tests above to pass

Persist variable changes between tests in unittest?

How do I run Jasmine tests on Node.js from command line? I have installed jasmine-node via npm and written some tests. I want to run tests inside the `spec` directory and get results in the terminal, is this possible?

How to run Jasmine tests on Node.js from command line

In a test spec, I need to click a button on a web page, and wait for the new page completely loaded.

    emailEl.sendKeys(&#39;jack&#39;);
    passwordEl.sendKeys(&#39;123pwd&#39;);
		    
    btnLoginEl.click();

    // ...Here need to wait for page complete... How?

    ptor.waitForAngular();
    expect(ptor.getCurrentUrl()).toEqual(url + &#39;abc#/efg&#39;);
		    	



Protractor : How to wait for page complete after click a button?

Let&#39;s say I have the following:

    var myNumber = 5;
    expect(myNumber).toBe(5);
    expect(myNumber).toEqual(5);

Both of the above tests will pass. Is there a difference between `toBe()` and `toEqual()` when it comes to evaluating numbers? If so, when I should use one and not the other?

Jasmine JavaScript Testing - toBe vs toEqual

I have run on my windows console:

    npm install -g yo grunt-cli bower
    
    npm install -g generator-angular
    
    yo angular

 

Then I started my project with webstorm and did right click on the karma.conf.js file in the project explorer where I have the menu item &#39;Run karma.conf.js&#39; and start the karma runner. Then I get his exception:

    ...\app\node_modules\karma\node_modules\di\lib\injector.js:9
          throw error(&#39;No provider for &quot;&#39; + name + &#39;&quot;!&#39;);
                ^
    Error: No provider for &quot;framework:jasmine&quot;! (Resolving: framework:jasmine)

Then in the console I read I can also use --force so I tried it: grunt --force

It took some time but there seemed to be no more errors. Heck why does --force install a provider ??? THIS was TESTED in the CMD.

grunt serve now worked and it started my browser with the starting app.

**So what was --force doing that the &#39;Error: No provider for &quot;framework:jasmine&quot;! (Resolving: framework:jasmine)&#39; is gone ?**

When I do grunt in the webstrom IDE I get again:

Warning: No provider for &quot;framework:jasmine&quot;! (Resolving: framework:jasmine) Use --force to continue.

So this problem is not solved.

Error: No provider for &quot;framework:jasmine&quot;! (Resolving: framework:jasmine)

I have an angular service called `requestNotificationChannel`:

    app.factory(&quot;requestNotificationChannel&quot;, function($rootScope) {
    
        var _DELETE_MESSAGE_ = &quot;_DELETE_MESSAGE_&quot;;
    
        function deleteMessage(id, index) {
            $rootScope.$broadcast(_DELETE_MESSAGE_, { id: id, index: index });
        };
        
        return {
           deleteMessage: deleteMessage
        };
    
    });


I am trying to unit test this service using jasmine:

    &quot;use strict&quot;;
    
    describe(&quot;Request Notification Channel&quot;, function() {
        var requestNotificationChannel, rootScope, scope;
    
        beforeEach(function(_requestNotificationChannel_) {
            module(&quot;messageAppModule&quot;);
    
            inject(function($injector, _requestNotificationChannel_) {
                rootScope = $injector.get(&quot;$rootScope&quot;);
                scope = rootScope.$new();
                requestNotificationChannel = _requestNotificationChannel_;
            })
    
            spyOn(rootScope, &#39;$broadcast&#39;);
        });
    
      
        it(&quot;should broadcast delete message notification&quot;, function(done) {
            
            requestNotificationChannel.deleteMessage(1, 4);
            expect(rootScope.$broadcast).toHaveBeenCalledWith(&quot;_DELETE_MESSAGE_&quot;, { id: 1, index: 4 });
            done();       
        });
    });


I read about the Asynchronous Support in Jasmine, but as I am rather new to unit testing with javascript couldn&#39;t make it work.

I am receiving an error :   

    Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL

and my test is taking too long to execute (about 5s).

Can somebody help me providing working example of my code with some explanation?

Content Type	Original Author	Original Content on Stackoverflow
Question	Pwnna	View Question on Stackoverflow
Solution 1 - Javascript	beautifulcoder	View Answer on Stackoverflow
Solution 2 - Javascript	Ievgen Martynov	View Answer on Stackoverflow
Solution 3 - Javascript	Cmag	View Answer on Stackoverflow

jasmine toHaveBeenCalledWith partial matching

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Injecting a service into another service in angularJS

Angular directive templateUrl relative to .js file

Attributions