alm-page-detail v0.0.1

Detail Page

This is a React-based version of the detail page. It also conforms to the contract laid out by the Core Page Framework. The page makes use of the following open source tools from facebook:

• React for view rendering
• Flux for one-directional data flow architecture
• Jest for painless unit testing

Development

cd ~/projects
git clone https://github.com/RallySoftware/alm-page-detail.git
npm install
npm link

Then in ~/projects/alm-webapp

npm link alm-page-detail
grunt webpack:viewport

The above commands will give alm-webapp the latest changes to this repository.

Note

• grunt webpack:viewport does not watch the files in this repo. you can use grunt webpack-dev-server for that.

Testing

• You'll probably want to have the Jest CLI installed globally - run npm install -g jest-cli
• Run all tests with jest
• Run individual specs with jest <specName>

Notes

• Jest searches for tests in __tests__ directories (should be a sibling of production code).
• The argument to the jest command is a regular expression, so ... yeah, keep that in mind.

Deployment

When happy with the changes:

• Commit to alm-page-detail,
• unlink the project using npm unlink alm-page-detail in alm-webapp (if you're done developing),
• submit a pull request to this repository,
• update alm-page-detail dependency in alm-webapp/package.json and finally,
• submit a pull request to alm with the above change