How to Unit Test React-Redux Connected Components?

by

A prettier way to do this, is to export both your plain component, and the component wrapped in connect. The named export would be the component, the default is the wrapped component:

export class Sample extends Component {

    render() {
        let { verification } = this.props;
        return (
            <h3>This is my awesome component.</h3>
        );
    }

}

const select = (state) => {
    return {
        verification: state.verification
    }
}

export default connect(select)(Sample);

In this way you can import normally in your app, but when it comes to testing you can import your named export using import { Sample } from 'component'.

More Related Contents:

  1. Service mocked with Jest causes “The module factory of jest.mock() is not allowed to reference any out-of-scope variables” error
  2. How to specify test directory for mocha?
  3. Programmatically Navigate using react-router
  4. What’s the difference between faking, mocking, and stubbing?
  5. What is the difference between integration and unit tests?
  6. How deep are your unit tests?
  7. React Context vs React Redux, when should I use each one? [closed]
  8. When should I mock?
  9. Should unit tests be written for getter and setters?
  10. NUnit vs. MbUnit vs. MSTest vs. xUnit.net [closed]
  11. Unit test naming best practices [closed]
  12. How to start working with GTest and CMake
  13. Attach Authorization header for all axios requests
  14. What is the best way to redirect a page using React Router? [closed]
  15. Understanding React-Redux and mapStateToProps()
  16. How do I unit-test saving file to the disk?
  17. How to terminate a program when it crashes? (which should just fail a unit test instead of getting stuck forever)
  18. Unit testing Anti-patterns catalogue
  19. How does mockito when() invocation work?
  20. Is there a way to get Chai working with asynchronous Mocha tests?
  21. Is it possible to mock a function imported from a package in golang?
  22. Use history.push in action creator with react-router-v4?
  23. React: Parent component re-renders all children, even those that haven’t changed on state change
  24. How can I unit test a GUI?
  25. Mocking AngularJS module dependencies in Jasmine unit tests
  26. How to mock specific methods but not all of them in Rust?
  27. How can I dispatch function in redux?
  28. React-Redux: Should all component states be kept in Redux Store
  29. Testing route configuration in ASP.NET WebApi
  30. how do I mock sqlconnection or should I refactor the code?

Leave a Comment