mockInitialState()

function mockInitialState(results: Fixture[]): State;

mockInitialState() facilita construir y rellenar previamente la caché con fixtures. Se usa en MockPlugin para procesar la opción fixtures. Sin embargo, también puede ser útil para pasarlo a un provider normal al probar flujos más completos que necesitan manejar dispatches (y por tanto fetch).

Argumentos

results

export type Fixture = SuccessFixture | ErrorFixture;

Esta prop especifica los fixtures de los que se toman los datos. Cada elemento representa un fetch definido por el Endpoint y los params. Result contiene la respuesta JSON esperada de dicho fetch.

Esto se puede usar como la opción initialState de DataClientPlugin

Ejemplo

fixtures.ts

import ArticleResource from 'resources/ArticleResource';

export const results = [
  {
    endpoint: ArticleResource.getList,
    args: [{ maxResults: 10 }],
    response: [
      {
        id: 5,
        content: 'have a merry christmas',
        author: 2,
        contributors: [],
      },
      {
        id: 532,
        content: 'never again',
        author: 23,
        contributors: [5],
      },
    ],
  },
];

import { createApp } from 'vue';
import { DataClientPlugin } from '@data-client/vue';
import { mockInitialState } from '@data-client/vue/test';

import MyComponentToTest from 'components/MyComponentToTest.vue';
import { results } from './fixtures';

const app = createApp(MyComponentToTest);
app.use(DataClientPlugin, { initialState: mockInitialState(results) });
app.mount('#app');