Why is my Vue unit test not recognizing a function?

Question

I'm currently writing simple unit tests (using Jest) for my component dateFormat.js that contains the function formatDateGlobal. Here's a snippet of the test:

import DateFormat from '../dateFormat';

describe('dateFormat.js', () => {
  let date1;

  beforeEach(() => {
    date1 = {
      date: '',
    };
  });

  it('Then it should return an empty string', () => {
    // Act
    const returnedDate = DateFormat.formatDateGlobal(date1);
    // Assert
    expect(returnedDate).toBe('');
  });

At the bottom of dateFormat, I'm exporting the formatDateGlobal function as so:

export default formatDateGlobal;

The tests are built as expected, but I'm getting the error

TypeError: _dateFormat.default.formatDateGlobal is not a function

      27 |   it('Then it should return an empty string', () => {
      28 |     // Act
    > 29 |     const returnedDate = DateFormat.formatDateGlobal(date1);
         |                                     ^
      30 |     // Assert
      31 |     expect(returnedDate).toBe('');
      32 |   });

Not really sure why this is happening, but I'm thinking it has to do with the way I'm exporting the function.

Eggon · Accepted Answer · 2020-03-17 17:07:54Z

1

You are importing formatDateGlobal into DateFormat variable. So you can use const returnedDate = DateFormat(date1);

currently you're trying to achieve equivalent of this: const returnedDate = formatDateGlobal.formatDateGlobal(date1);

answered Mar 17, 2020 at 17:07

Eggon

2,4262 gold badges27 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Why is my Vue unit test not recognizing a function?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related