How to mock the class properties for unit tests

Hi,

I have my module something like this:

export interface IUsersModule {
  users: User[];
}

@Module({
  dynamic: true,
  name: 'users',
  namespaced: true,
  store,
})
class UsersModule extends VuexModule implements IUsersModule {
  users: Users[] = [];
  // ... actions, mutations, etc.
}

export const usersModule = getModule(UsersModule);

And I have my component like this:

<template>
  <div>
    <p v-for="user in users">{{ user.name }}</p>
  </div>
</template>

<script lang="ts">
import { usersModule } from './usersModule';

@Component
export default class MyComponent extends Vue {
  private get users() {
    return usersModule.users;
  }
}
</script>

Now, I want to unit test MyComponent. Is there a way to use jest to mock the users property? I tried to do something like this:

import { usersModule } from './usersModule';

const usersMock = jest.SpyOn(usersModule, 'users');

But, when I do this, I get the error that says:

Cannot spy the users property because it is not a function; object given instead

Can you please give some guidance on this?

Thank you in advance

[aislanmaia]

I’m receiving this module namespace not found... And the docs of this lib doesn’t even take a simple note about tests. I’m lost in the jungle trying to test things like this:

[zhango90]

@farzadmf I solved the problem using the spy method in jest: const spy = jest.spyOn(<vuexModule> , '<actionName>');

I hope it helps.