https://github.com/rudiney/react-cwb2-test-examples

This is the code i use in my talk at the #2 React CWB Meetup about testing your React/Redux app
https://github.com/rudiney/react-cwb2-test-examples

Last synced: about 1 month ago
JSON representation

This is the code i use in my talk at the #2 React CWB Meetup about testing your React/Redux app

• Host: GitHub
• URL: https://github.com/rudiney/react-cwb2-test-examples
• Owner: Rudiney
• Created: 2017-05-24T11:14:07.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-24T11:40:55.000Z (over 7 years ago)
• Last Synced: 2024-10-11T23:32:07.536Z (3 months ago)
• Language: JavaScript
• Size: 84 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Examples:

- [Snapshoting dumb components](/src/components/__tests__/CustomSelect-test.js#L7-L19)

- [Testing component state](/src/components/__tests__/CustomSelect-test.js#L28-L60)

- [Ajax with Fetch](/src/queries/__tests__/loadPipes-test.js)

- [Redux Action](/src/__tests__/actions-test.js)

- [Redux Reducers](/src/__tests__/rootReducer-test.js)

- [Redux Async Action](/src/__tests__/async-actions-test.js)

# Links:

- [Jest Expects](https://facebook.github.io/jest/docs/expect.html)

- [Enzyme API](http://airbnb.io/enzyme/docs/api/index.html)

- [Redux testing guides](http://redux.js.org/docs/recipes/WritingTests.html)

# Libs:

- jest

- react-test-renderer

- enzyme

- jest-fetch-mock

- redux-mock-store

# Steps

1. [Install yarn](https://yarnpkg.com/lang/en/docs/install/)

1. `yarn install`

1. `yarn test` to run the suite (press `a` to run all files)

### Want to see the Pipefy's API Request firing?

1. Signup/login to your [Pipefy account](https://www.pipefy.com)

2. Get your API token:

Go to User Settings:

![User Settings](http://i.imgur.com/azG6Xj0.png)

Personal Access Tokens:

![Personal Access Tokens](http://i.imgur.com/NhSKJen.png)

Create a new token and copy it

![The new token](http://i.imgur.com/jYWOdnR.png)

Paste it in the file [`src/queries/loadPipes.js`](https://github.com/Rudiney/react-cwb2-test-examples/blob/master/src/queries/loadPipes.js).

3. run `yarn start` and you will see the ugly buttons in the browser