The answer turns out to be very simple.

I am using Chrome to run the karma server. When you first start the karma server an instance of Chrome is started as a maximised window. So naturally you minimise this so you can see your tests running.

The problem is that Chrome starves any minimised or secondary tabs (switched tabs) of CPU cycles. 

Therefore, if you minimise the browser instance running the karma server, or just switch  to a different tab, then the karma server is severely starved of CPU and the tests take a long time to complete.

The solution is to keep the karma tab active. The browser window can be hidden behind other windows but the karma tab _must be the selected tab_ and the browser _must not be minimised_. 

Following these simple rules will ensure that your tests always run at full speed.



Biofractal has answered his own question and you could do that. You could also set up your tests to run in PhantomJS or Chrome Headless which basically allows the unit tests to run only in your command line, thus removing an affects with your actual browsers. 

I have a data frame with two columns. When I try to calculate `mean`, I get this message: 

   
    [1] NA
    Warning message:
    In mean.default(results) : argument is not numeric or logical: returning NA`

where &#39;results&#39; is my data set. Any advice on getting around this problem?

mean() warning: argument is not numeric or logical: returning NA

I am using Angular-UI typeahead in the following way:

    &lt;input type=&quot;text&quot; ng-model=&quot;myModel&quot; typeahead=&quot;o.value as o.text for o in options | filter:$viewValue | limitTo:5&quot; typeahead-editable=&quot;false&quot; /&gt;

binded to a model like:

    var options = [
        {&quot;value&quot;: 1, &quot;text&quot;: &quot;value1&quot;},
        {&quot;value&quot;: 2, &quot;text&quot;: &quot;value2&quot;},
        ...
    ];

It correctly shows options text, but when I select an item it shows inside the textbox the value. The model is correctly bounded to the value only (not the entire model object).

Is it possible to show inside the textbox the &quot;text&quot; (not the &quot;value&quot;) after selection, still maintaining model binding to just the value (ie: when I select a certain &quot;text&quot; the model is updated with the &quot;value&quot;)?


Angular-UI typeahead: show label but bind to value only

I have some simple karma / jasmine unit-tests that run against an angularjs app. I use the latest version of Chrome and run my tests from within the WebStorm IDE.

Sometimes the test suite runs very quickly (0.24 seconds)

Sometimes exactly the same test suite against exactly the same code runs very slowly (120 seconds)

I have tried every common sense fix. I have scoured the web to try and discover what I am doing wrong.

Why do my tests run so slowly?

Why are my AngularJS, Karma / Jasmine tests running so slowly?

I have some simple karma / jasmine unit-tests that run against an angularjs app. I use the latest version of Chrome and run my tests from within the WebStorm IDE.
Sometimes the test suite runs very quickly (0.24 seconds)
Sometimes exactly the same test suite against exactly the same code runs very slowly (120 seconds)
I have tried every common sense fix. I have scoured the web to try and discover what I am doing wrong.
Why do my tests run so slowly?

I have seen [this][1] SO question.

My code instead of `ng-bind=&quot;item.desc&quot;` uses `{{item.desc}}` because I have a `ng-repeat` before.

So my code:

    &lt;div ng-repeat=&quot;item in items&quot;&gt;
      {{item.description}}
    &lt;/div&gt;

The item description contains `\n` for newlines which are not rendered.

 How can the `{{item.description}}` display the newlines easily assuming that I have the `ng-repeat` above?


  [1]: https://stackoverflow.com/questions/15449325/how-can-i-preserve-new-lines-in-an-angular-partial


Preserve line breaks in angularjs

I thought VS 2013 is supposed to have support for angularjs attribute intellisense?  For some reason it&#39;s not working for me on the latest version of Microsoft Visual Studio Ultimate 2013 version 12.0.21005.1

Getting the following validation warning:
Attribute &#39;ng-app&#39; is not a valid attribute of element &#39;html&#39;.	
Attribute &#39;ng-view&#39; is not a valid attribute of element &#39;div&#39;.	

Am i missing an xsd reference somewhere?


Visual Studio 2013 AngularJS intellisense support

Is there a way to tell AngularJS not to display the top HTML element which has **ng-if** directive. I want angular to display child content only.

**Angular Code:**

        &lt;div ng-if=&quot;checked&quot; id=&quot;div1&quot;&gt;
          &lt;div id=&quot;div2&quot;&gt;ABC&lt;/div&gt;
          &lt;div id=&quot;div3&quot;&gt;KLM&lt;/div&gt;
          &lt;div id=&quot;div4&quot;&gt;PQR&lt;/div&gt;
       &lt;/div&gt;

**Rendered HTML:**

       &lt;div id=&quot;div1&quot;&gt; 
          &lt;div id=&quot;div2&quot;&gt;ABC&lt;/div&gt;
          &lt;div id=&quot;div3&quot;&gt;KLM&lt;/div&gt;
          &lt;div id=&quot;div4&quot;&gt;PQR&lt;/div&gt;
       &lt;/div&gt;

**What I want:**

       &lt;div id=&quot;div2&quot;&gt;ABC&lt;/div&gt;
       &lt;div id=&quot;div3&quot;&gt;KLM&lt;/div&gt;
       &lt;div id=&quot;div4&quot;&gt;PQR&lt;/div&gt;



Here is a fiddle. http://jsfiddle.net/9mgTS/. I do not want `#div1` in HTML. I just want `#div2,3,4` if `checked` is `true`.

A possible solution can be adding ng-if to all child elements but I do not want to do this.

AngularJS - How to use ng-if without HTML element

I am working with angularjs 1.2.0-rc.3. I&#39;d like to include html code into a template dynamically. For that I use in the controller :

    html = &quot;&lt;div&gt;hello&lt;/div&gt;&quot;;
    $scope.unicTabContent = $sce.trustAsHtml(html);

In the template I got :

    &lt;div id=&quot;unicTab&quot; ng-bind-html=&quot;unicTabContent&quot;&gt;&lt;/div&gt;

It works fine for regular html code. But when I try to put angular template it is not interpreted, it is just included in the page. For example I&#39;d like to include :

    &lt;div ng-controller=&quot;formCtrl&quot;&gt;
        &lt;div ng-repeat=&quot;item in content&quot; ng-init=&quot;init()&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;

Thanks a lot

How to make ng-bind-html compile angularjs code

What is the difference between &quot;dismiss&quot; a modal and &quot;close&quot; a modal?

    close(result) - a method that can be used to close a modal, passing a result
    dismiss(reason) - a method that can be used to dismiss a modal, passing a reason

What is the difference between &quot;dismiss&quot; a modal and &quot;close&quot; a modal in Angular UI-Bootstrap?

I have a data service with following function

    function getInsureds(searchCriteria) {
                   
    	var deferred = $q.defer();
    	
    	insuredsSearch.get(searchCriteria,
    		function (insureds) {
    			deferred.resolve(insureds);
    		},
    		function (response) {
    			deferred.reject(response);
    		});
    
    	return deferred.promise;
    }
      
I want to test following function:

    function search ()
    {
      dataService
          .getInsureds(vm.searchCriteria)
          .then(function (response) {
               vm.searchCompleted = true;
                    
                if (response.insureds.length &gt; 100) {
                  vm.searchResults = response.insureds.slice(0, 99);
                } else {
                    vm.searchResults = response.insureds;
               }
           });
    }

How would I stub the promise so that when I call getInsureds it would resolve the promise and return me the results immediately. I started like this (jasmine test), but I am stuck, as I don&#39;t know how to resolve the promise and pass in arguments needed.

    it(&quot;search returns over 100 results searchResults should contain only 100 records &quot;, function () {
    
    	var results103 = new Array();
    
    	for (var i = 0; i &lt; 103; i++) {
    		results103.push(i);
    	}
    
    	var fakeSearchForm = { $valid: true };
    	var isSearchValidStub = sinon.stub(sut, &quot;isSearchCriteriaValid&quot;).returns(true);
    
    	var deferred = $q.defer();
    	var promise = deferred.promise;
    	var dsStub = sinon.stub(inSearchDataSvc, &quot;getInsureds&quot;).returns(promise);
    
    	var resolveStub = sinon.stub(deferred, &quot;resolve&quot;);
    	
    	//how do i call resolve  and pass in results103
    
    	sut.performSearch(fakeSearchForm);
    	
    	sinon.assert.calledOnce(isSearchValidStub);
    	sinon.assert.calledOnce(dsStub);
    
    	sinon.assert.called(resolveStub);
    	
    	expect(sut.searchResults.length).toBe(100);
    
    });








How does one stub promise with sinon?

Jasmine&#39;s `spyOn` is good to change a method&#39;s behavior, but is there any way to change a value property (rather than a method) for an object? the code could be like below:

    spyOn(myObj, &#39;valueA&#39;).andReturn(1);
    expect(myObj.valueA).toBe(1);



How to spyOn a value property (rather than a method) with Jasmine

How do you unit test a filter in Angular?

How to unit test a filter in AngularJS 1.x

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

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

Trying to get karma working with requirejs. I don&#39;t understand why I am getting all of these errors when running Karma:

    ERROR: &#39;There is no timestamp for /base/test/mainSpec.js?bust=1387739317116!&#39;
    ERROR: &#39;There is no timestamp for /base/app/main.js?bust=1387739317116!&#39;
    ERROR: &#39;There is no timestamp for /base/bower_components/jquery/jquery.js?bust=1387739317116!&#39;

When I go to the network tab in inspector, all of the files are there with no 404s.

I&#39;m a little confused because karma seems to be looking for a &#39;base&#39; directory but there is no &#39;base&#39; directory in my project. According to the karma docs:

&gt; Karma serves files under the /base directory. So, on the server
&gt; requests to files will be served up under
&gt; `http://localhost:9876/base/*`. The Require.js config for baseUrl gives
&gt; a starting context for modules that load with relative paths. When
&gt; setting this value for the Karma server it will need to start with
&gt; /base. We want the baseUrl for our tests to be the same folder as the
&gt; base url we have in src/main.js, so that relative requires in the
&gt; source won’t need to change. So, as we want our base url to be at
&gt; src/, we need to write /base/src.

This confusing to say the least. Am I supposed to have a baseUrl configuration in my main.js file that points to &#39;/base&#39;?

karma error &#39;There is no timestamp for&#39;

I&#39;m trying to run karma as part as an *angular-seed* project, after installing karma using

    npm install -g karma

I get:

    &#39;karma&#39; is not recognized as an internal or external command, operable program or batch file.

when i&#39;m trying to run test.bat from angular-client\scripts, the content of this file is:

&gt; set BASE_DIR=%~dp0
&gt;
&gt;karma start &quot;%BASE_DIR%\..\config\karma.conf.js&quot; %*

I also tried to navigate to &quot;\AppData\Roaming\npm\node_modules\karma\bin&quot; and saw karma file, when I&#39;m trying to run it I get again:

&gt;  &#39;karma&#39; is not recognized as an internal or external command, operable program or batch file.

Any suggestions? 
If not please suggest how to use jasmine without karma.

Thanks.

Running karma after installation results in &#39;karma&#39; is not recognized as an internal or external command

I&#39;m unit testing one of my directives (angularjs) using grunt/karma/phantomjs/jasmine. My tests run fine

    describe(&#39;bar foo&#39;, function () {
        beforeEach(inject(function ($rootScope, $compile) {
            elm = angular.element(&#39;&lt;img bar-foo src=&quot;img1.png&quot;/&gt;&#39;);
            scope = $rootScope.$new();
            $compile(elm)();
            scope.$digest();
        }));
        ....
    });

but I do get these 404s 

    WARN [web-server]: 404: /img1.png
    WARN [web-server]: 404: /img2.png
    ...

Although they do nothing, they do add noise to the log output. Is there a way to fix this ? (without changing karma&#39;s logLevel of course, because I do want to see them)


how to fix 404 warnings for images during karma unit testing

I&#39;ve been trying to run an npm install on my package.json file, but I&#39;m having a lot of trouble.  It keeps saying &quot;Error:  Attempt to unlock XXX, which hasn&#39;t been locked&quot; on all my dependences.  Here&#39;s one of them:

    Error: Attempt to unlock tbd@~0.6.4, which hasn&#39;t been locked
            at unlock (/usr/local/lib/node_modules/npm/lib/cache.js:1304:11)
            at cb (/usr/local/lib/node_modules/npm/lib/cache.js:646:5)
            at /usr/local/lib/node_modules/npm/lib/cache.js:655:20
            at /usr/local/lib/node_modules/npm/lib/cache.js:1290:7
            at /usr/local/lib/node_modules/npm/node_modules/lockfile/lockfile.js:167:38
            at OpenReq.Req.done (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:144:5)
            at OpenReq.done (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:64:22)
            at Object.oncomplete (fs.js:107:15)

If I try to run it as sudo, it seems to get further and start installing some packages, but some new errors popup instead:

    &gt; chokidar@0.8.1 postinstall /Users/tkirchner/Documents/Projects/mm-datatable/node_modules/karma/node_modules/chokidar
    &gt; node setup-deps.js
    
    shell-init: error retrieving current directory: getcwd: cannot access parent directories: Permission denied
    
    node.js:811
        var cwd = process.cwd();
                          ^
    Error: EACCES, permission denied
        at Function.startup.resolveArgv0 (node.js:811:23)
        at startup (node.js:58:13)
        at node.js:902:3
    npm ERR! error rolling back Error: ENOTEMPTY, rmdir &#39;/Users/tkirchner/Documents/Projects/mm-datatable/node_modules/karma/node_modules/q&#39;
    npm ERR! error rolling back  karma@0.10.9 { [Error: ENOTEMPTY, rmdir &#39;/Users/tkirchner/Documents/Projects/mm-datatable/node_modules/karma/node_modules/q&#39;]
    npm ERR! error rolling back   errno: 53,
    npm ERR! error rolling back   code: &#39;ENOTEMPTY&#39;,
    npm ERR! error rolling back   path: &#39;/Users/tkirchner/Documents/Projects/mm-datatable/node_modules/karma/node_modules/q&#39; }
    npm ERR! Error: ENOENT, chown &#39;/Users/tkirchner/Documents/Projects/mm-datatable/node_modules/karma/node_modules/socket.io/lib/socket.io.js&#39;

I recently updated my node and npm installations.  So maybe that has something to do with it.  Also, most of my development has been at the office and today I&#39;m working over VPN, so maybe that has something to do with it too.

Any ideas?

NPM cannot install dependencies - Attempt to unlock something which hasn&#39;t been locked

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.

Content Type	Original Author	Original Content on Stackoverflow
Question	biofractal	View Question on Stackoverflow
Solution 1 - Angularjs	biofractal	View Answer on Stackoverflow
Solution 2 - Angularjs	Jim	View Answer on Stackoverflow

Why are my AngularJS, Karma / Jasmine tests running so slowly?

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

Angular-UI typeahead: show label but bind to value only

mean() warning: argument is not numeric or logical: returning NA

Attributions