с vue test utils
Есть компонент, который обращается к сессии через самописную функцию-хелпер для работы с локальными хранилищами данных.
import { initStorage } from '@/utils/storage'
const session = initStorage(sessionStorage);
export default {
...
data() {
return {
someData: session.parse('someData')
}
},
methods: {
setToSession(payload) {
session.stringify('someData', payload)
}
},
...
}
В тесте
import { initStorage } from '@/utils/storage';
import SomeComponent from './SomeComponent'
jest.mock('@/utils/storage', () => ({
initStorage: jest.fn().mockImplementation(() => ({
get: jest.fn().mockReturnValue('init')
}))
}));
describe('SomeComponent', () => {
it('test-1', () => {
initStorage.mockImplementation(() => ({
get: jest.fn().mockReturnValue('from test-1')
}));
// тут все равно с get приходит 'init', жду 'from test-1'
})
it('test-2', () => {
initStorage.mockImplementation(() => ({
get: jest.fn().mockReturnValue('from test-2')
}));
// тут тоже все равно с get приходит 'init', жду 'from test-2'
})
});
Как сделать так, чтобы каждй тест мог менять поведение функции get?
Есть подозрение, что нехорошо глобально в компоненте так объявлять session, но так как он нужен и в data и в methods, то именно этот подход выглядит удобным.
P.S. Вынужден мокать get сразу после импортов (со значением init), так как этот метод используется одной из зависимостей компонента
Вынести get наружу не получится? В describe let get; Потом в beforeEach get = jest.fn, ну и потом где нужно - мокать нужный returnValue
Спасибо! Попробовал вынести get вот так import { initStorage } from '@/utils/storage'; import SomeComponent from './SomeComponent' let mockGet = jest.fn().mockReturnValue('init'); jest.mock('@/utils/storage', () => ({ initStorage: jest.fn().mockImplementation(() => ({ get: mockGet })) })); describe('SomeComponent', () => { beforeEach(() => { mockGet = jest.fn().mockReturnValue('init'); }); it('test-1', () => { mockGet = jest.fn().mockReturnValue('from test-1'); }); it('test-2', () => { mockGet = jest.fn().mockReturnValue('from test-2'); }); }); Но get: mockGet почему-то не срабатывает и если в тестируемом компоненте сделать console.log для сервиса-хранилища, то {get: undefined} 😢 То есть как будто get: mockGet на самом деле не передал mock в get свойство
Обсуждают сегодня