在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:5calls/5calls开源软件地址:https://github.com/5calls/5calls开源编程语言:TypeScript 61.0%开源软件介绍:5callsQuicknavAutomated testingCross-browser testingTable of ContentsDevelopment NotesThe frontend is written in React with Redux for state management and Typescript for type safety and documentation. The application server back end -- for data processing -- is written in Go. To build the application, you need to install Yarn and run the following commands:
Using For the best development experience, you should install both the React and Redux Development Tools extensions into your browser. Both browser extensions are available for Chrome and Firefox. Unit testingUnit testing in this repository is done using Jest with Enzyme in addition to the redux-mock-store library to support Redux-related tests. End-to-end Integration TestsE2E testing for this project is done using TestCafe with testcafe-react-selectors. This provides a web scraping test bed that provides an assertion library to ensure that the expected elements appear on each page under test. Running the testsBefore running the tests, the development server must be running using the command
Or if you have access to browserstack, you may run on multiple browsers using the command
Running on browserstackTo run on browserstack, ensure that you have environment variables set for BROWSERSTACK_ACCESS_KEY and BROWSERSTACK_USERNAME to the values of your browserstack account You may view test results on the dashboard Debugging and running individual testsYou may run specific tests by running testcafe with the -t or -T option -t -T <partial test name, must meet grep search criteria. Ex. Tests that start with donate may be found with "Donate.*"> Tests may be run in debug mode with the --inspect-brk option.
Breakpoints may be put in the test with the following syntax
Then in chrome, navigate to Architecture, Data Flow and Strong TypingA selection of files in this repository include code comments describing the architecture, data flow and strong typing conventions used in developing the React-Redux-TypeScript version of the 5 Calls application. These include files that illustrate the following (see the individual files for more details): Use of TypeScript to Strongly Type Request Parameters Passed by React-RouterAlso illustrates the use of Redux to loosely couple a component to data passed to its props. Data Flow through a Component HeirarcyAlso note the TypeScript conventions used in these files. Redux Data FlowSee code comments containing the token 'REDUX DATA FLOW'. Also note the use of TypeScript in these files. Contributor GuidelinesContributions to this repository are welcome. Please see the Contributing.md file in the 5calls/5calls repository for information on contributing to this repository. Contributors
Other Client ProjectsCreate React App Code GenerationThis project was created with create-react-app (CRA, react-scripts ver 1.0.0) using react-scripts-ts (ver 2.2.0) to add TypeScript support. In addition, the Subsequently, the CRA-created configurations were exposed using the eject command ( CRA_README.md is the original README.md file created when the create-react-app command was run. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论