Jasmine and Karma: Unidentifiable variable runs

Is a special plugin or library required to use runs() and waits() with Jasmine? I checked the Jasmine wiki page for async tests at https://github.com/pivotal/jasmine/wiki/Asynchronous-specs, but there's no mention of needing additional libraries.

Based on this information, I assumed that runs() and waits() should work without any extra plugins.

Here is an excerpt from my code (enclosed in a describe block):

it('test', function() {
    runs(function() {

    });
});

However, when running the code, I encountered the error message: 

ReferenceError: runs is not defined

The relevant segment of my karma configuration includes:

    files: [
        'bower_components/jquery/dist/jquery.min.js',
        'bower_components/angular/angular.js',
        'bower_components/angular-mocks/angular-mocks.js',
        'src/*.js',
        'test/*.spec.js'
    ],


    frameworks: ['jasmine'],

    browsers: ['PhantomJS'],

    plugins: [
        'karma-spec-reporter',
        'karma-chrome-launcher',
        'karma-firefox-launcher',
        'karma-jasmine',
        'karma-phantomjs-launcher'
    ],
javascriptangularjstestingjasminekarma-runner

Answer №1

It has come to light that Jasmine 2.0 no longer includes methods such as runs(), waits(), and waitsFor(). Instead, the new async support utilizes done(), which can be accessed at: . I have made a note on the outdated github wiki page regarding this change.

Answer №2

When conducting an asynchronous test, utilizing the $httpBackend service is essential. Flushing this service will initiate the necessary events to ensure smooth test execution.

EDIT: AngularJS timed actions operate within promises and digest cycles. For instance, using $timeout.flush() can trigger the digest cycle associated with the $timeout function.

Here is an example:

expect($scope.timedvariable).toEqual('before timeout value');
// Flush the timeout service
$timeout.flush();
// The actions within the $timeout are executed
expect($scope.timedvariable).toEqual('value after timeout');

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

What is the best way to import assets from an NPM-powered package in a PHP composer-based package?

First and foremost, let's clarify that this is not a question about incorporating an NPM package as a dependency of a Composer package. Direct usage of NPM or a composer plugin can easily solve that issue. If we have loaded an NPM package as a depend ...

javascriptphpnpmcomposer-phpassets

Redirect to a new URL using $routeProvider's resolve feature

Currently, I am in the process of developing an application that includes the following endpoint: .when('/service/:id?', { templateUrl: 'views/service.html', controller: 'ServiceCtrl', resolve: { service: fu ...

javascriptangularjs

Exploring the possibilities of integrating Storybook/vue with SCSS

After creating a project with vue create and installing Storybook, everything was running smoothly. However, as soon as I added SCSS to one of the components, I encountered the following error: Module parse failed: Unexpected token (14:0) File was process ...

javascriptcssvue.jssassstorybook

When using Angular's ng-repeat with a JSON data source retrieved through $http AJAX, the resulting list

My goal is to showcase a list of elements by name and id using ng-repeat from a JSON file with a very basic AJAX request. var form = $("#loadAllServiceEngineForm"); var url = form.attr("action"); var App = angular.module('AdamApp', ...

angularjsjsonajaxangularjs-ng-repeat

Receive notifications when asynchronous processes are completed

I recently came across this code online that allows me to upload multiple files to an Amazon S3 server. const AWS = require("aws-sdk"); // import AWS SDK const fs = require("fs"); // import file system module from node.js const path = require("path"); // ...

javascriptnode.jsamazon-s3

Utilize JavaScript to include HTTP headers in image requests

In my JS/HTML5 Project with angularjs, I have implemented protection for my API by setting an authorization token in the HTTP header. Now, I am also looking to secure access to images stored on the server. While I know how to accomplish this on the server ...

javascriptangularjs

Transitioning NodeJS from local development to a live website

After successfully creating a site using NodeJS with one-page HTML/jQuery, everything is functioning properly on localhost. However, I am facing issues when trying to put the site online at www.xxxx.com. I already have a registered .com domain, but I am un ...

javascriptnode.jsnginxnpmweb-hosting

Issue with ng-file-upload and Busboy causing upload error on server

I am facing a situation where I need to upload both a .zip file and a .xlsx file to an endpoint simultaneously. On the client side (Angular 1): files.upload = Upload.upload({ url: '/api/files', data: { xlsxFile: xlsxFile, zipFile: zipFile } ...

angularjsnode.jsexpressng-file-uploadbusboy

Displaying JSON data received from an AJAX request on the screen

Our server is located in Europe. Occasionally, a user based in America reports an issue when using the $.getJSON function. Instead of passing the JSON response to JavaScript, the user's browser simply displays it. The AJAX call appears as follows: ...

javascriptjquerygetjson

Utilize the Webpack library and libraryTarget settings to establish our own custom library as a global variable

I currently have a library named "xyz" that is being imported as a node module from the npm registry. Now, I want to incorporate it as a library and make it accessible under the global name "abc". To achieve this, I plan to utilize webpack configuration. ...

javascriptnode.jswebpack

Save the information fetched using the 'fetch' method into a different .js document when working with React

Here is the code I am working on: const fetchData = () => fetch("https://api.myjson.com/bins/mp441") .then(response => response.json()) .then(obj => data = obj); const RECORD_NOS = Object.keys(data).length - 1; export { fetchData, ...

javascriptreactjsredux

Creating a resizable SVG rectangle element with React

Hey, I'm a beginner in Svg and currently learning ReactJs. I have a question that I'm not sure is possible or not. I have an Svg element with its children wrapped inside a g. The g element contains a rect element that I want to make resizable usi ...

javascriptreactjssvg

JavaScript is having trouble properly concealing or revealing elements on the webpage

I am currently designing a web form for my wife, who works at an insurance agency. She needs a web-based form to collect information for processing insurance quotes. Without access to a server, I need to ensure that all the details inputted by the user can ...

javascripthtmlcss

Tips for removing unnecessary debugging code from JavaScript when compiling or minifying your code

Back in the day, I would always include tons of debug code in my JavaScript app. However, I'm now searching for a method that will eliminate debug code during the compilation/minification phase. Does the world of JavaScript have something similar to ...

javascriptdebuggingminify

Utilizing individual values from JSON in Knockout JS through single-use options

I am currently receiving data from another view model which I want to display in a dropdown menu. Each option from the other view model needs to be unique per line, so that once a user adds an item to the list, that specific option is no longer available. ...

javascriptjqueryknockout.js

Issue with ng-repeat animation classes not being removed in AngularJS version 1.2.1

Developed a directive that showcases a list of elements where the old list transitions to the left before being replaced by the new one. The key to achieving this effect is utilizing the ng-repeat directive along with css3 transitions. However, I've o ...

angularjsanimationangularjs-ng-repeat

The functionality of the JavaScript Array Map function is not meeting our expectations

I am encountering an issue with the Array.map function that is not behaving as expected. Below is a simplified example to help me understand where I am going wrong. Here is the code snippet in question: console.log(this.reportTestData) let data = this.rep ...

javascript

How can I use JavaScript to sort through an array and organize the data into groups?

Below is an array that I currently have: Status=["active","inactive","pending","active","completed","cancelled","active","completed"] I am looking to achieve the following result: StatusInfo=["active":3,"inactive":2,"pending":1, "completed":2, "cancelle ...

javascriptjqueryreactjstypescriptsharepoint

Is it advisable to use the return statement immediately following res.render in app.js?

An error popped up indicating that Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at ServerResponse.setHeader (_http_outgoing.js:470:11). My solution was to add a return statement after every use of res.render or ...

javascriptnode.jsexpress

Having Issues with JSFiddle: Difficulty with executing a basic onclick event to display a string

Having trouble with an onclick event: Simply click the button to run a function that displays "Hello World" in a paragraph element with id="demo". <button onclick="myFunction()">Click me</button> <p id="demo"></p> <script> ...

javascripthtml