Question

155

How do I write a jasmine test for a method that contains a global variable from another class/file?

rated 0 times [ 162] [ 7] / answers: 1 / hits: 21258 / 13 Years ago, fri, november 18, 2011, 12:00:00

My tests fails for the following reason:

ReferenceError: Can't find variable: moving_canvas_context in file
(line 5)

I understand the reason the test is failing. It doesn't understand the variable since it is defined in a separate JavaScript file. However, it is declared globally and works in reality.

How do I write a jasmine test for this clear_canvas function?

JavaScript Canvas_Actions:

(function() {

  window.Canvas_Actions = (function() {

    function Canvas_Actions() {}

    Canvas_Actions.prototype.clear_canvas = function() {

      moving_canvas_context.clearRect(0, 0, moving_canvas.width, moving_canvas.height);

      main_canvas_context.drawImage(window.background_image, 0, 0, main_canvas.width, main_canvas.height);

      return window.canvas_objects = [];

    };

    return Canvas_Actions;

  })();

}).call(this);

Jasmine Test for Canvas_Actions:

(function() {

  describe('Canvas Actions', function() {

    return describe('clear_canvas', function() {

      return it('clears the canvases and deletes all objects', function() {

        var actions;

        jasmine.getFixtures().fixturesPath = ../spec/javascript/fixtures;

        loadFixtures(canvas_fixture.html);

        actions = new Canvas_Actions();

        actions.clear_canvas();

        return expect(canvas_objects).toEqual([]);

      });

    });

  });

}).call(this);

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

billie

Add To Favorites

Follow

Total Points: 101

Total Questions: 114

Total Answers: 98

Location: Burundi

Member since Wed, Nov 25, 2020

4 Years ago

billie questions

1 How to change the filtered date format in material table react?

Fri, Feb 26, 21, 00:00, 3 Years ago

1 Extending Material UI theme via Module Augmentation not working correctly

Thu, Nov 19, 20, 00:00, 4 Years ago

1 React Material UI wrap TableRow

Sun, Sep 13, 20, 00:00, 4 Years ago

1 Rendering nested json data in react js

Thu, Jul 2, 20, 00:00, 4 Years ago

1 In Vuetify, how can I make a dynamically list with checkboxes clickable to select them?

Fri, Jan 18, 19, 00:00, 5 Years ago

View All

answered 13 Years ago lamontm · Accepted Answer

it is declared globally and works in reality

Well, it also needs to be declared when the test runs. So you're probably missing a reference to the script where it is defined in the testing fixture html.

Also, global variables are normally not a good idea, they tend to create difficult bugs. Since you're already using jasmine as a testing framework, try to abstract the dependency on that global variable in something that you pass to your code under test. Then, use jasmine's mocking abilities to test it.

If you remove the global references from Canvas_Actions, it could look like this:

var Canvas_Actions = function(canvas) { 

  this.canvas = canvas; 

}

Canvas_Actions.prototype.clear_canvas = function(background_image) {

  var canvas = this.canvas;

  canvas.getContext().clearRect(0, 0, canvas.width, canvas.height);

  canvas.getContext().drawImage(background_image, 0, 0, canvas.width, canvas.height);

  canvas.clearObjects();

};

You can mock the canvas argument with jasmine and test Canvas_Actions in isolation.

As can be noted, this code might unearth a Canvas class, and you might find out that clear_canvas belongs in there. Use the tests to guide your design, one step at a time.