Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

reactjs - Jest/React/Redux 错误 : Actions may not have an undefined "type" property. 你有没有拼错一个常量？行动: {}

In lại Tác giả: Walker 123 更新时间：2023-11-28 20:05:41 31 4
mua khóa gpt4 Nike

无论我如何尝试编写 Action 测试，这个错误都会困扰我一段时间，它给了我这个:

“操作可能没有未定义的“类型”属性。您是否拼错了常量？操作:{}"

但如果我控制台记录我正在尝试测试的操作，它会打印出按应有定义的类型。我正在使用 Jest 框架来测试 React/Redux 应用程序。

这是我正在测试的操作:

  export const updateUserGenderAction = (valueToUpdate) => {
  return (dispatch) => Promise.all([
    patchUpdateGender(valueToUpdate).then((response) => {
      dispatch(getSuccessData(response, 'GET_USER_DATA'))
    }).catch((error) => {
      dispatch(getErrorData(error, 'GET_USER_ERROR'))
    })
  ])
}

Action 创造者:

export function getSuccessData (response, actionType) {
  trở lại {
    payload: response,
    type: actionType
  }
}

export function getErrorData (err, errorType) {
  Alert.error(err)
  trở lại {
    payload: err,
    type: errorType
  }
}

和测试尝试:

  it('creates updateUserGender action', () => {
    console.log(actions.updateUserGenderAction())
    const expectedActions = [
            { type: 'GET_USER_DATA', payload: userData },
            { type: 'GET_USER_ERROR', payload: userData }
    ]
    return store.dispatch(actions.updateUserGenderAction()).then(() => {
      expect(store.getActions()).toEqual(expectedActions)
    })
  })


  it('calls updateUserGenderAction', async () => {
    actions.updateUserGenderAction = jest.fn(() => {
      return Promise.resolve(getSuccessData(response, 'GET_USER_DATA'))
    })

    let mockStore = configureMockStore()
    let store = mockStore({})
    await store.dispatch(getSuccessData())

    expect(store.getActions()).toEqual(getSuccessData(response, 'GET_USER_DATA'))

  })

和 console.log(actions.updateUserGenderAction()) :

Promise { { payload: { getUserDataAction: [Function: getUserDataAction], updateUserGenderAction: [Object], updateFirstNameAction: [Function: updateFirstNameAction], updateLastNameAction: [Function: updateLastNameAction], updateMiddleNameAction: [Function: updateMiddleNameAction], updateCountryAction: [Function: updateCountryAction], changePasswordAction: [Function: changePasswordAction], updatePrimaryEmailAction: [Function: updatePrimaryEmailAction], updateUsernameAction: [Function: updateUsernameAction], updateChangeAlternateEmailAction: [Function: updateChangeAlternateEmailAction], updateAddPhoneAction: [Function: updateAddPhoneAction], updateEditPhoneAction: [Function: updateEditPhoneAction], getUserSessionAction: [Function: getUserSessionAction], deleteUserSessionAction: [Function: deleteUserSessionAction], updateDefaultMailingAddressAction: [Function: updateDefaultMailingAddressAction], deleteMailingAddressAction: [Function: deleteMailingAddressAction], addMailingAddressAction: [Function: addMailingAddressAction], editMailingAddressAction: [Function: editMailingAddressAction], getSuccessData: [Function: getSuccessData], getErrorData: [Function: getErrorData] }, type: 'GET_USER_DATA' } }

有谁知道我可能遗漏了什么以及如何正确测试这些操作？先感谢您!

câu trả lời hay nhất

您正在调用没有参数的 getSuccessData()，因此 actionType 未定义:

export function getSuccessData(response, actionType) {
  trở lại {
    payload: response,
    type: actionType // `actionType` is undefined
  }
}

Types should typically be defined as string constants , 所以最好在 Action 创建者中指定它:

const GET_USER_DATA = 'GET_USER_DATA';

export function getSuccessData(response) {
  trở lại {
    type: GET_USER_DATA,
    payload: response,
  }
}

Xem thêm:http://redux.js.org/docs/recipes/ReducingBoilerplate.html

关于reactjs - Jest/React/Redux 错误 : Actions may not have an undefined "type" property. 你有没有拼错一个常量？行动: {}，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46172837/

31 4 0
Đề xuất bài viết: python - 在python中仅从字符串中获取数字
Đề xuất bài viết: javascript - 取消绑定(bind)并重新绑定(bind)点击css过渡结束
Đề xuất bài viết: python - 如何使用 Google App Engine 运行 Selenium 测试？
Đề xuất bài viết: javascript - 如何向 jQuery 函数添加延迟
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress