{"id":22539569,"url":"https://github.com/chorus-bdd/chorus-js-react-calculator","last_synced_at":"2026-04-11T01:47:04.744Z","repository":{"id":29397276,"uuid":"113789485","full_name":"Chorus-bdd/chorus-js-react-calculator","owner":"Chorus-bdd","description":"An example React / Redux app which uses Chorus 3.0.x for testing","archived":false,"fork":false,"pushed_at":"2023-01-05T02:12:25.000Z","size":4311,"stargazers_count":1,"open_issues_count":21,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-02T07:45:33.838Z","etag":null,"topics":["calculator","chorus","chorus-interpreter","chorus-tests","docker","docker-image","e2e","example","react","redux","selenium"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Chorus-bdd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-12-10T22:46:06.000Z","updated_at":"2019-05-29T07:23:55.000Z","dependencies_parsed_at":"2023-01-14T15:00:42.052Z","dependency_job_id":null,"html_url":"https://github.com/Chorus-bdd/chorus-js-react-calculator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chorus-bdd%2Fchorus-js-react-calculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chorus-bdd%2Fchorus-js-react-calculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chorus-bdd%2Fchorus-js-react-calculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chorus-bdd%2Fchorus-js-react-calculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chorus-bdd","download_url":"https://codeload.github.com/Chorus-bdd/chorus-js-react-calculator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245984591,"owners_count":20704798,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calculator","chorus","chorus-interpreter","chorus-tests","docker","docker-image","e2e","example","react","redux","selenium"],"created_at":"2024-12-07T12:07:36.614Z","updated_at":"2026-04-11T01:46:59.714Z","avatar_url":"https://github.com/Chorus-bdd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://travis-ci.org/Chorus-bdd/chorus-js-react-calculator.svg?branch=master)](https://travis-ci.org/Chorus-bdd/chorus-js-react-calculator)\n\n## Chorus React-Redux Calculator\n\nA sample project which demonstrates how the Docker version of Chorus interpreter can be used to test a React / Redux APP running under Docker compose\n\n### Building and Running the calculator app locally\n\nYou will need: \n\n1. Yarn and Node.js installed to build and run the web app locally\n2. Docker and Docker Compose, to run the e2e tests\n\nTo install and run the app:\n\n* `yarn install`\n\nOnce installed you can start it with\n\n* `yarn start`\n\nAnd open a browser at localhost:3000\n\nAlthough you can run the app locally like this, for e2e testing a docker-compose.yml is included under ./e2e which will start up the \napp in a Docker container node image, and start up a Chorus and Selenium containers alongside it to test it.\n\n### Running the e2e test suite with Chorus Docker \n\nRunning Chorus under Docker prevents you having to install Chorus (and Java) locally on your system :)\n\nA docker-compose.yml is included under ./e2e which includes images for \n\n* Selenium Hub, Firefox and Chrome.\n* node - to serve the html and js resources for the Calculator single page app\n* chorus-interpreter - to run the chorus tests under ./feature, using Selenium\n\nYou can run the e2e Chorus features with:\n\n* `yarn e2e`\n\nThis will run the script under e2e/e2e.sh, which starts up the docker cluster and runs all the tests under ./feature\nThis will start all the containers once and run the test\n\n\n### Watching the tests running\n\nSince the Selenium Chrome image has VNC enabled, you can see the chorus tests running in the browser by pointing a VNC client at `vnc://localhost:5912`, using pwd `secret`   \nThis will attach to a vnc server on the docker image running the chrome browser\nTip - On MacOS, Safari will work :) \n\nYou can also connect to the calculator app running in the node container by pointing your browser at `http://localhost:9000`\n\n\n### Running tests while developing\n\nTo work on new tests, you can bring up the environment by running \n\n* `yarn e2e:start`\n\nAnd once the docker environment has started, you can execute chorus features manually by typing\n\n* `yarn e2e:runChorus`\n\nThis command will exec the Chorus interpreter once, within the Chorus container.\n\n\n![Running](https://github.com/Chorus-bdd/chorus-js-react-calculator/blob/master/runningTheInterpreter.png)\n\n\n#### Acknowledgements\n\nThanks to Michael Jackson for open sourcing the original HTML5/CSS Calculator on which this Redux / Chorus conversion was based \nhttps://codepen.io/mjijackson/pen/xOzyGX\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchorus-bdd%2Fchorus-js-react-calculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchorus-bdd%2Fchorus-js-react-calculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchorus-bdd%2Fchorus-js-react-calculator/lists"}