Javascript React测试库:TypeError:无法读取属性';文章';未定义的

Javascript React测试库:TypeError:无法读取属性';文章';未定义的,javascript,reactjs,react-redux,react-testing-library,Javascript,Reactjs,React Redux,React Testing Library,我正在尝试使用react测试库测试我的容器 const middlewares = [thunk.withExtraArgument({})]; const mockStore = configureMockStore(middlewares); const storeState = { articles: [ { id: "9b565b11-7311-5b5e-a699-97873dffb364", title: "

我正在尝试使用react测试库测试我的容器

const middlewares = [thunk.withExtraArgument({})];
const mockStore = configureMockStore(middlewares);

const storeState = {
 articles: 
    [
        {
            id: "9b565b11-7311-5b5e-a699-97873dffb364",
            title: "jsdhahd",
            body: "jsahdjadshajhd",
            link: "https://www.google.com",
            media: "media.jpg"
        },
    ],
loading: false,
error: ''
};

describe('<Homepage />', () => {
  let store;

  beforeEach(() => {
    store = mockStore(storeState);
});

afterEach(() => {
    store.clearActions();
});

it('should render correctly', () => {
    const container = render(<Provider store={store}>{<Homepage />}</Provider>);

    expect(container).toMatchSnapshot();
});
constmiddleware=[thunk.withExtraArgument({})];
const mockStore=configureMockStore(中间件);
常数存储状态={
文章:
[
{
id:“9b565b11-7311-5b5e-a699-97873dffb364”,
标题:“jsdhahd”,
正文:“jsahdjadshajhd”,
链接:“https://www.google.com",
媒体:“media.jpg”
},
],
加载:false,
错误:“”
};
描述(“”,()=>{
让商店;
在每个之前(()=>{
store=mockStore(storeState);
});
之后(()=>{
store.clearActions();
});
它('应该正确呈现',()=>{
const container=render({});
expect(container.toMatchSnapshot();
});
我得到了这个错误:

有人能帮忙吗? 模仿redux商店似乎是个问题,但我不知道该如何解决。 我在reducer中有一个关于文章、加载和错误的初始状态。 在我的App.js文件中,我用

export const store=createStore(
减根剂,
applyMiddleware(thunk)
)
ReactDOM.render(
,document.getElementById('root'))
);

我认为应该是
state.articles
而不是
mapstateTrops
中的
state.reducer.articles
错误发生在我创建
storeState
对象的过程中

正确的方法:

const storeState = {
   reducer: {
      articles: 
        [
         {
            id: "9b565b11-7311-5b5e-a699-97873dffb364",
            title: "jsdhahd",
            body: "jsahdjadshajhd",
            link: "https://www.google.com",
            media: "media.jpg"
        },
       ],
     loading: false,
     error: ''
};

这不可能,因为,否则,我无法获取存储在reducer上的值,从而在应用程序上呈现我的数据。
const storeState = {
   reducer: {
      articles: 
        [
         {
            id: "9b565b11-7311-5b5e-a699-97873dffb364",
            title: "jsdhahd",
            body: "jsahdjadshajhd",
            link: "https://www.google.com",
            media: "media.jpg"
        },
       ],
     loading: false,
     error: ''
};