Jest Mock a function's return value

Question

I have a simple function like this, I would like to mock the return value of authentication.getAccessToken() with a valid accessToken, I am having hard time doing this. Tried different ways but couldn't succeed, Can someone help me on this?

  import decodeJWT from "jwt-decode";      
  import authentication from "@kdpw/msal-b2c-react";

  export const testfunction = () => {
      const jwt = decodeJWT(authentication.getAccessToken());
      var current_time = Date.now() / 1000;
      var remaining_time = jwt.exp - current_time;
      return "testing done"
    }

Following is the unit test which I have been trying, As authentication.getAccessToken() doesn't get any value it is throwing InvalidToken error.

    import * as commonUtil from "../commonUtil";

    describe('test test function', () => {
       it("Mock", () => {        
          //The following runs but test fails due to null return
          const authentication = require("@kdpw/msal-b2c-react");
          authentication.getAccessToken = jest.fn().mockReturnValue(false);
          expect(commonUtil.testfunction()).toBe(false)         
          }); 
       });

Error message

Comparing two different types of values. Expected boolean but received null.

josephting · Accepted Answer · 2019-10-04 00:52:25Z

1

You need to import authentication within your test.

See CodeSandbox example. Open with editor to check out the unit tests.

In short, you need to do something like this.

test('test test function', () => {
    const resp = { data: '' };
    import authentication from "@kdpw/msal-b2c-react";
    authentication.getAccessToken = jest.fn().mockReturnValue("eyJ0eXAiOiJKV1QiLCJhbdjhkbE5QNC1jNTdkTzZR...");
    expect(commonUtil.testfunction()).toEqual("testing done")
});

Use describe to wrap test cases that uses mocked authentication so the mocked function will only stay local in that specific describe and everything outside it will use the real authentication.getAccessToken().

edited Oct 4, 2019 at 0:52

answered Oct 3, 2019 at 6:08

josephting

2,6763 gold badges33 silver badges37 bronze badges

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

3 Comments

Venkatesh Marepalli Over a year ago

Thanks for the response but the authenticaion that I was referring is from @kdpw/msal-b2c-react package. I am having hard time using your sample and get it working. I tried const authentication = require("@kdpw/msal-b2c-react"); or const authentication = require("@kdpw/msal-b2c-react").authentication; but nothing works. And the final received return is always null.

josephting Over a year ago

@VenkateshMarepalli You don't have to follow my import method strictly. You can use your regular import authentication from "@kdpw/msal-b2c-react"; instead. Try that and let me know how it goes.

josephting Over a year ago

@VenkateshMarepalli Now I understand why you're mocking getAccessToken(). Check out my updated CodeSandbox above.

Collectives™ on Stack Overflow

Jest Mock a function's return value

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related