javascript 它应该调用mapStatetoProps

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 它应该调用mapStatetoProps相关的知识,希望对你有一定的参考价值。

import React from 'react';
import createItem from '../createItem';
import { connect } from 'react-redux';
import { selectItem } from '../../selectors/itemSelectors';

jest.resetModules();
jest.mock('react-redux');

const WrappedComponent = () => (<li />);
let mapStateToProps;
const initialState = {
  entities: {
    itemId: 1,
    user: jest.fn()
  }
};


describe('connect', () => {
  beforeEach(() => {
    connect.mockReturnValue(jest.fn);
    createItem(WrappedComponent);
    mapStateToProps = connect.mock.calls[0][0];
  });

  it('should call mapStateToProps()', () => {
    createItem(WrappedComponent);
    expect(connect).toHaveBeenCalled();
    expect(mapStateToProps).toHaveProperty('name', 'mapStateToProps');
  })

  describe('mapStateToProps', () => {
    it('should call selectUser', () => {
      mapStateToProps(initialState);
      expect(selectItem).toHaveBeenCalledWith(initialState.entities);
    });

    it('should return object', () => {
      const { selectUser } = require('modules/user/selectors');
      selectUser.mockReturnValue('myUser');
      const results = mapStateToProps(initialState);
      expect(results).toEqual({
        user: 'myUser'
      });
    });

  });
})

以上是关于javascript 它应该调用mapStatetoProps的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 如何调用 Web API?

javascript onload事件没有调用

调用 REST API、JavaScript 时的 CORS 策略 [重复]

Javascript - 异步调用后同步

react js中的自调用函数? (如在常规 javascript 中)

我应该如何将 javascript 函数调用到 kohana 视图中?