{"action":"opened","issue":{"url":"https://api.github.com/repos/uberVU/mocha-mugshot-reporter/issues/9","labels_url":"https://api.github.com/repos/uberVU/mocha-mugshot-reporter/issues/9/labels{/name}","comments_url":"https://api.github.com/repos/uberVU/mocha-mugshot-reporter/issues/9/comments","events_url":"https://api.github.com/repos/uberVU/mocha-mugshot-reporter/issues/9/events","html_url":"https://github.com/uberVU/mocha-mugshot-reporter/issues/9","id":107707297,"number":9,"title":"Entry Point + Report and Header Components","user":{"login":"flore77","id":11819686,"avatar_url":"https://avatars.githubusercontent.com/u/11819686?v=3","gravatar_id":"","url":"https://api.github.com/users/flore77","html_url":"https://github.com/flore77","followers_url":"https://api.github.com/users/flore77/followers","following_url":"https://api.github.com/users/flore77/following{/other_user}","gists_url":"https://api.github.com/users/flore77/gists{/gist_id}","starred_url":"https://api.github.com/users/flore77/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/flore77/subscriptions","organizations_url":"https://api.github.com/users/flore77/orgs","repos_url":"https://api.github.com/users/flore77/repos","events_url":"https://api.github.com/users/flore77/events{/privacy}","received_events_url":"https://api.github.com/users/flore77/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-22T12:46:13Z","updated_at":"2015-09-22T12:46:13Z","closed_at":null,"body":"## Need\r\n\r\n```gherkin\r\nAs a developer\r\nI need to have a modular UI (components)\r\nSo that I can present a nice report\r\n```\r\n\r\n## Deliverables\r\n\r\n- [ ] an entry point for the report\r\n- [ ] a root component\r\n- [ ] a header that will present the status of the report\r\n\r\n## Solution\r\n\r\nThe entry point will render the `Report component` that will receive via props the data, from the `data generator` #3.\r\n\r\nThe `Report component` is the root of the application, it will calculate the number of passed and failed tests and also the whole duration, that will passed also via props to the `Header component`.\r\n\r\nThe `Header component` will display the `passes`, `failures` and the `duration`."}}