A generator to create a phoenix application using React as view
First, install Yeoman and generator-phoenix-react using npm (we assume you have pre-installed node.js).
npm install -g yonpm install -g generator-phoenix-react
Then generate your new project:
yo phoenix-react <my-project-name>
Tests can be divided into three groups.
- React unit tests
- Phoenix unit tests
- Phoenix E2E tests
Make sure to have a web driver running.
# Run the entire test suitebin/test# OR start the web driver manually and run the entire suite# Make sure to start the web driverchromedriver # default configured for houndnpm run-script build && mix test --include feature# Run the tests for react components onlynpm test# ornpm run-script test:watch # for TDD# Run the elixir unit tests only (Fastest)mix test --exclude feature --exclude integration
Use a different web driver for E2E testing
# config/test.exs# Replace this line with a different configuration that can be found at# https://github.com/HashNuke/hound/blob/master/notes/configuring-hound.mdconfig :hound, driver: "phantomjs"
NOTE: Make sure to change
bin/test to start this web driver instead.
React component test example
// test/static/js/app.spec.js;;/*** <my-project> is replaced by your project name which can be found under "resolve.alias" in* webpack.config.js in the root of this project*/;;;
Getting To Know Yeoman
Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced. Feel free to learn more about him.
MIT © Thomas Farla