How to test React Redux application with Jest
react
16
redux
24
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

209 bài viết.
64 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 5 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 4 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 4 tháng trước
1 0
Bài viết liên quan
White
19 3
(Link) (Link) — tracks device battery state. (Link) (Link) — tracks geo location state of user's device. (Link) (Link) — tr...
Đinh Viễn viết hơn 1 năm trước
19 3
White
2 0
Do dạo này Webstorm chẳng hiểu sao lag quá (dù máy mạnh) nên sắc phong Visual Studio Code từ IDE phụ lên IDE chính. Các plugin này để đảm bảo trải ...
Cuong Pham viết gần 4 năm trước
2 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

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


Male avatar
{{userFollowed ? 'Following' : 'Follow'}}
209 bài viết.
64 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á!