Testing Javascript function using Jasmine

Question

I have a problem when I'm trying to test some javascript, I'm not sure that the code is actually testable, but then I would be pleased to know how to make it testable.

$("#Button").on('touchstart', () => testFunc());

function testFunc() {
    button(true, userInfo, gameCode);
}

I want to test when the button is touched that the testFunc is called. I'm using Jasmine as my test framework.

But for whatever reason when I try to call the testFunc from Jasmine just to test that something is working I get the error

"ReferenceError: Can't find variable: testClass in file:///E:/Dokumenter/SemesterProjekt%20fun%20stuff/PRJ4Web/TankWebApplication/TankWebApplication/Test/Test.js (line 8)s"

I have made the reference to the file. So I'm not sure what is going on.

The test code that gives me the error

describe("Joystick test for functionallity",
function() {
    beforeEach(function() {

    });


    it("All default values",
        function() {
            testFunc();
        });
});

How do I test this code? Is it possible to do?

31piy · Accepted Answer · 2018-05-07 04:33:19Z

2

Your goal is to see if the function will be called upon button click, therefore, you must check the actual function call with toHaveBeenCalled jasmine method.

Invoking the functions by itself doesn't make any sense (like in your example)

You should do something like this:

  it('All default values', => {

    spyOn(class.testFunc);
    document.getElementById('Button').click();

    expect(class.testFunc).toHaveBeenCalled();
  }));
 })

edited May 7, 2018 at 4:33

31piy

23.9k6 gold badges51 silver badges69 bronze badges

answered May 5, 2018 at 16:17

EugenSunic

13.8k15 gold badges68 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ginger Over a year ago

I still get the error that I talk about in the post, do you know what that can be?

EugenSunic Over a year ago

is testClass a global variable in your namespace class?

Ginger Over a year ago

I'm pretty sure it is a global variable.

EugenSunic Over a year ago

You should set up your test environment better. Basically our your test.js file can not see your global variable and is complaining. You haven't even gotten to the button click event check because of that error.

Collectives™ on Stack Overflow

Testing Javascript function using Jasmine

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related