с 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 свойство
Обсуждают сегодня