Я хочу протестировать приложение Vue, используя vue -testing-library. Мое приложение использует Vuex. Я получаю TypeError
при попытке отобразить компонент приложения.
TS2322: Type 'StoreOptions<State>' is not assignable to type 'StoreOptions<{}>'.
Types of property 'getters' are incompatible.
Type 'GetterTree<State, State> | undefined' is not assignable to type 'GetterTree<{}, {}> | undefined'.
Type 'GetterTree<State, State>' is not assignable to type 'GetterTree<{}, {}>'.
Type '{}' is not assignable to type 'State'.
Я отображаю компонент приложения следующим образом.
const finder = render(App, {
store: options,
router,
i18n,
});
Где options
:
const options: StoreOptions<State> = {
state: {
username: '',
token: '',
refresh: '',
},
mutations: {
storeToken: function (state, token: string) {
state.token = token;
},
storeRefresh: function (state, refresh: string) {
state.refresh = refresh;
},
storeUsername: function (state, username: string) {
state.username = username;
},
deleteTokens: function (state) {
state.refresh = '';
state.token = '';
}
},
actions: {
rescindRefreshToken: async function (context) {
// ...
},
refreshAccessToken: async function (context) {
// ...
}
},
modules: {}
}