語境缺失功能

所以我用酶呈現了一堆上下文的組成部分：語境缺失功能

const surveysByType = "test"; 
const wrapper = shallow(
    <Dashboard routeParams={{}} />, 
    { 
     context: { 
      assetUrl:() => { 
       return "https://www.example.com/broken.gif" 
      }, 
      executeAction:() => {}, 
      getStore: (whatever) => { 
       return { 
        getState:() => { 
         return { 
          _surveysByType: surveysByType, 
         }; 
        }, 
        on:() => { 
         return {}; 
        } 
       } 
      }, 
      router: { 
       createHref:() => {}, 
       go:() => {}, 
       goBack:() => {}, 
       goForward:() => {}, 
       isActive:() => {}, 
       push:() => {}, 
       replace:() => {}, 
       setRouteLeaveHook:() => {}, 
      }, 
      siteUrl:() => { 
       return "https://www.example.com" 
      }, 
     } 
    } 
);

然而，當我開始嘗試用說下，我發現只有一個單一的功能是存在的，即

console.log(wrapper.context())

產生

{ getStore: [Function: getStore] }

，而不是所有的功能。事實上，如果我嘗試做

expect(wrapper.context().assetUrl())

我得到一個錯誤：

TypeError: wrapper.context(...).assetUrl is not a function

，而這工作得很好：

expect(wrapper.context().getStore().getState())

來源

2017-06-12 wogsland

什麼版本的酶是你嗎？

淺帶有一個選項PARAM並且有它供奉一些預定義的選項，但我沒有看到一個上下文對象：https://github.com/airbnb/enzyme/blob/master/src/shallow.js

你如何期待準確地使用上下文對象？

來源

2017-06-27 06:43:16

您可能需要提供更多代碼來幫助診斷此問題。例如，上面引用的console.log語句在哪裏？

做一些假設，您應該檢查Dashboard.contextTypes包含的內容。如果它只包含getStore：PropTypes.function，這可以解釋爲什麼你只能在淺層渲染中看到它。如果包裝儀表板的組件（例如包裝器）使用其他屬性，則調用console.log的代碼可能無法獲取傳遞給shallow（）的整個上下文，因爲據我瞭解，僅React提供在組件的contextTypes靜態方法中定義的上下文對象。

來源

2017-06-27 07:43:32

語境缺失功能

回答

相關問題