Unit testing of actions and getters with jest

[Oleksii14]

Hello! Can you provide a TypeScript based example of how can I test my actions and getters with jest?

Here is how I image that:

// pinia-store.ts

import { defineStore } from "pinia";

interface State {
  mockData: string;
}

const state = (): State => ({
  mockData: "",
});

// What type should be added to actions?
export const actions = {
 testAction() {
  this.mockData = "test"
 }
}

export const useGeneralStore = defineStore({
  id: "test-id",

  state,
  
  actions,
});

// pinia-store.spec.ts

import { actions } from './pinia-store'

describe("pinia store", () => {
  desctibe("actions", () => {
    const state = {
      mockData: ""
    }
    const action = actions.testAction.bind(state)
    
    action()
    
    expect(state.mockData).toEqual("test")
  })
})

[posva]

Don't split the store definition and then you can create a pinia:

// pinia-store.spec.ts

import { useGeneralStore } from './pinia-store'

describe("pinia store", () => {
  it("actions", () => {
    const pinia = createPinia()
    const store = useGeneralStore(pinia)
    store.testAction()
    
    expect(store.mockData).toEqual("test")
  })
})

[Oleksii14]

I am not sure it is an answer. I didn't get your point 😄

[posva]

I updated it

[Oleksii14]

Thanks! It helps!!!

[eliasmikkola]

Got my nuxt3 project's pinia tests working with this approach and axios-mock-adapter to mock API calls! The inner function has to be test(... instead of describe(... btw.