Проблемы с импортом при тестировании с JEST в приложении React-Redux - PullRequest
Новая
       13

Проблемы с импортом при тестировании с JEST в приложении React-Redux

0 голосов
/ 18 января 2019

У меня есть проблемы.

В моем React-Redux я пытаюсь протестировать какой-нибудь файл с функциями действий. Одна из функций async

Вот код этого файла 

import client from 'apollo/'
import { ME } from 'apollo/queries'

export const ActionTypes = {
  REQUEST_PROFILE: '@@profile/REQUEST_PROFILE',
  REQUEST_PROFILE_CANCELED: '@@profile/REQUEST_PROFILE_CANCELED',
  ERROR_REQUEST_PROFILE: '@@profile/ERROR_REQUEST_PROFILE',
} 

export const requestProfile = () => (dispatch) => {
  dispatch({ type: ActionTypes.REQUEST_PROFILE })
  client.query({
    query: ME,
    fetchPolicy: 'network-only'
  }).then(resp => {
    const profile = resp.data.me
    dispatch(setUser(profile))
  }).catch(err => {
    console.log({...err})
    dispatch({ type: ActionTypes.ERROR_REQUEST_PROFILE, err })
  })
}

import client from 'apollo/' это экземпляр клиента Apollo

Код этого файла тоже прост 

import ApolloClient from 'apollo-client'
import { setContext } from 'apollo-link-context'
import { createHttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { onError } from 'apollo-link-error'
import { from } from 'apollo-link'
import { store }from '../redux/'
import { setErrorStatus } from 'actions/Base'
import { logOut, getToken } from 'helpers/localStorage'

const errorCodes = onError(({ networkError }) => {
  if (!networkError) {
    return false
  }
  let status = networkError.statusCode
  if (status === 400) {
    return false
  } if (status === 401) {
    logOut()
    return false
  }
  store.dispatch(setErrorStatus(status))
})

const cache = new InMemoryCache()
const authLink = setContext((_, { headers }) => {
  const token = getToken()
  return {
    headers: {
      ...headers,
      authorization: token ? `JWT ${token}` : "",
    }
  }
})

const httpLink = createHttpLink({
  uri: `https://api.url.com/`,
})

export default new ApolloClient({
  link: from([errorCodes, authLink, httpLink]),
  cache
})

import { store } from '../redux/' здесь я импортировал магазин, а на этот файл импортировал редуктор. 

import { combineReducers } from 'redux'
import Profile from './Profile'


export default combineReducers({
    Profile
})

import Profile from './Profile'

import { ActionTypes } from 'actions/Profile'


export default (state = initialState, action) => {
  switch (action.type) {
    case ActionTypes.REQUEST_PROFILE:
    default:
      return state
  }
}

Проект работает, при запуске проекта проблем нет. В рабочей среде и в браузере тоже нет ошибок.

Но когда я пытаюсь проверить мой actions/Profile.js, появляется какая-то странная ошибка.

Вот код теста 

import {
  requestProfile, ActionTypes
} from './Profile'

describe('Profile actions', () => {
  it('requestProfile', () => {

  })
})

и ошибка 

  ● Test suite failed to run

    TypeError: Cannot read property 'REQUEST_PROFILE' of undefined

      16 | export default (state = initialState, action) => {
      17 |   switch (action.type) {
    > 18 |     case ActionTypes.REQUEST_PROFILE:
         |                               ^
      19 |       return state

      at Object.<anonymous>.exports.default (src/redux/reducers/Profile.js:18:31)
      at node_modules/redux/lib/combineReducers.js:53:24
          at Array.forEach (<anonymous>)
      at assertReducerShape (node_modules/redux/lib/combineReducers.js:51:25)
      at combineReducers (node_modules/redux/lib/combineReducers.js:107:5)
      at Object.<anonymous> (src/redux/reducers/index.js:12:45)
      at Object.<anonymous> (src/redux/index.js:1:163)
      at Object.<anonymous> (src/apollo-client/index.js:7:14)
      at Object.<anonymous> (src/redux/actions/Profile.js:1:174)
      at Object.<anonymous> (src/redux/actions/Profile.test.js:1:56)```

I cannot understand the core of this error. I am sure, that ActionType is here and it`s value not undefined. And `moduleNameMapper` is setup correctly. Any one can help me with this promlem?

1 Ответ

0 голосов
/ 18 января 2019

import { ActionTypes } from 'actions/Profile' Это правильный импорт?

На основе оставшегося кода, который вы предоставили. Если импорт не будет:

import { ActionTypes } from './Profile';

...