CODEWITHSUNDEEP
javascriptunit-testingcallbackjestjspuppeteer
Elena
Elena

Reputation: 649

Test callback function with jest

I'm trying to test a function with a callback inside. I set up a mock function, but I also need to test a callback.

I've tried to separate it as another mock function, but it doesn't counted as covered.

Function I'm trying to test: 

export const checkDescription = async page => {
    const metaDescription = await page.$eval(
      'meta[name="description"]',
      description => description.getAttribute("content")
    );
    return metaDescription;
};

I've mocked the page function :

const page = {
  $eval: jest.fn(() => "Value")
};

my test :

test("Should return description", async () => {
  expect(await checkDescription(page)).toBe("Value"); 
  expect(page.$eval).toHaveBeenCalled();
});

I've tried to separate description :

const description = {
  getAttribute: jest.fn(() => "Value")
};

but I don't think that it's a correct way to cover description inside $eval.

Upvotes: 22

Views: 38630

Answers (2)

Orlov Const
Orlov Const

Reputation: 371

I receive async messages from serial port via callbacks. Try to read here: https://jest-bot.github.io/jest/docs/asynchronous.html

import { InpassTerminal } from "../src/main.js"

jest.setTimeout(45000);
describe('Basic tests', () => {
test('1. Host connection', async (done) => {     
    await new Promise( resolve => setTimeout(resolve, 500) ); 

    const commandTest = {actionCode: '12345', terminalId: '1019****'}

    function cb (data) { 
      if (data.operationCode == 12345) {
        const actualStatus = Buffer.from(data.status, "ascii")          
        const expectedStatus = '1'

        expect(actualStatus.toString()).toBe(expectedStatus)      
        done()
      }
    }  
    const terminal = new InpasTerminal()
    terminal.exec('/dev/ttyPos0', commandTest, cb)
})

Upvotes: 2

Brian Adams
Brian Adams

Reputation: 45850

You're close!

The description arrow function is passed to your page.$eval mock function so you can use mockFn.mock.calls to retrieve it.

Once you've retrieved it, you can call it directly to test it and get full code coverage:

test("Should return description", async () => {
  expect(await checkDescription(page)).toBe("Value");  // Success!
  expect(page.$eval).toHaveBeenCalled();  // Success!

  const description = page.$eval.mock.calls[0][1];  // <= get the description arrow function
  const getAttributeMock = jest.fn(() => 'mock content');
  expect(description({ getAttribute: getAttributeMock })).toBe('mock content');  // Success!
  expect(getAttributeMock).toHaveBeenCalledWith('content');  // Success!
  // Success!  checkDescription now has full code coverage
});

Upvotes: 12

Related Questions