How to test React Redux application with Jest
react
38
redux
30
jest
1
Male avatar

loveprogramming viết ngày 31/03/2021

How to test React Redux application with Jest

https://grokonez.com/frontend/react/how-to-test-react-redux-jest-test-tutorial

How to test React Redux application with Jest

In this tutorial, we're gonna look at step by step to test React Redux application with Jest. This will apply on the application that we have built before.

Configure Jest and Babel for testing

  • Install jest-cli and babel-jest:

    
    yarn add jest-cli babel-jest
    
  • Open package.json, add scripts:

    
    {
    ...,
    "scripts": {
    ...,
    "test": "jest"
    },
    "dependencies": {
    "jest-cli": "22.4.3",
    "babel-jest": "22.4.3"
    }
    }

    It helps us to run testing with cmd: yarn test.
    For watching: yarn test --watchAll

  • Open .babelrc, add "env":

    
    {
    "presets": ...,
    "env": {
        "test": {
            "presets": [
                "env",
                "react"
            ]
        }
    },
    "plugins": ...
    }
  • Run cmd: yarn install.

Now, we can run test inside filename.test.js file.
In this tutorial, we will use Jest test(), expect(), .toBe() and .toEqual() methods.

For more functions and details, please visit: Jest API Reference.

https://grokonez.com/frontend/react/how-to-test-react-redux-jest-test-tutorial

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

Male avatar

loveprogramming

545 bài viết.
97 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
Male avatar
1 0
Tutorial Link: (Link) (Ảnh) Django is a Pythonbased free and opensource web framework that follows the modeltemplateview architectural pattern. A...
loveprogramming viết 7 tháng trước
1 0
Male avatar
1 0
https://loizenai.com/angular11nodejspostgresqlcrudexample/ Angular 11 Node.js PostgreSQL Crud Example (Ảnh) Tutorial: “Angular 11 Node.js Postg...
loveprogramming viết 6 tháng trước
1 0
Male avatar
1 0
Angular Spring Boot jwt Authentication Example Github https://loizenai.com/angularspringbootjwt/ (Ảnh) Tutorial: ” Angular Spring Boot jwt Authe...
loveprogramming viết 6 tháng trước
1 0
Bài viết liên quan
White
5 2
Trải qua 1 thời gian khá dài trải nghiệm Angular, mình thấy RxJS khá hay. Bài này sẽ quay trở lại với bài toán Counter thần kì của React/Redux, như...
cdxf viết gần 3 năm trước
5 2
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


Male avatar
{{userFollowed ? 'Following' : 'Follow'}}
545 bài viết.
97 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!