{"action":"created","issue":{"url":"https://api.github.com/repos/massgov/mayflower/issues/747","repository_url":"https://api.github.com/repos/massgov/mayflower","labels_url":"https://api.github.com/repos/massgov/mayflower/issues/747/labels{/name}","comments_url":"https://api.github.com/repos/massgov/mayflower/issues/747/comments","events_url":"https://api.github.com/repos/massgov/mayflower/issues/747/events","html_url":"https://github.com/massgov/mayflower/pull/747","id":308588705,"number":747,"title":"DP-8341: Implement visual regression testing for pages and templates","user":{"login":"rbayliss","id":654407,"avatar_url":"https://avatars2.githubusercontent.com/u/654407?v=4","gravatar_id":"","url":"https://api.github.com/users/rbayliss","html_url":"https://github.com/rbayliss","followers_url":"https://api.github.com/users/rbayliss/followers","following_url":"https://api.github.com/users/rbayliss/following{/other_user}","gists_url":"https://api.github.com/users/rbayliss/gists{/gist_id}","starred_url":"https://api.github.com/users/rbayliss/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rbayliss/subscriptions","organizations_url":"https://api.github.com/users/rbayliss/orgs","repos_url":"https://api.github.com/users/rbayliss/repos","events_url":"https://api.github.com/users/rbayliss/events{/privacy}","received_events_url":"https://api.github.com/users/rbayliss/received_events","type":"User","site_admin":false},"labels":[{"id":431073760,"url":"https://api.github.com/repos/massgov/mayflower/labels/WIP%20-%20Do%20Not%20Merge","name":"WIP - Do Not Merge","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-03-26T14:09:54Z","updated_at":"2018-03-26T20:59:59Z","closed_at":null,"author_association":"CONTRIBUTOR","pull_request":{"url":"https://api.github.com/repos/massgov/mayflower/pulls/747","html_url":"https://github.com/massgov/mayflower/pull/747","diff_url":"https://github.com/massgov/mayflower/pull/747.diff","patch_url":"https://github.com/massgov/mayflower/pull/747.patch"},"body":"<!-- Please use TICKET Description of ticket as PR title (i.e. DP-1234 Add back-to link on Announcement template)  -->\r\nAny PRs being created needs a changelog.txt file before being merged into dev. See: [Change Log Instructions](https://github.com/massgov/mayflower/blob/dev/docs/change-log-instructions.md)\r\n\r\n## Description\r\nImplements visual regression testing using BackstopJS driving a headless Chrome browser for all Page and Template patterns.   [Successful comparison report](https://2975-62401908-gh.circle-artifacts.com/0/backstop/reports/html/index.html).  [Failed comparison report](https://2980-62401908-gh.circle-artifacts.com/0/backstop/reports/html/index.html)\r\n\r\n## Related Issue / Ticket\r\n\r\n- [JIRA issue](DP-8341)\r\n\r\n## Steps to Test\r\n<!-- Outline the steps to test or reproduce the PR here.  Whenever possible deploy your branch to your fork Github Pages so UAT can be done without rebuilding. See: https://github.com/massgov/mayflower/blob/master/docs/deploy.md -->\r\n\r\n1. Create a new branch off of this one, make a CSS change that will impact one or more of the page or template patterns, and commit it.  \r\n2. Observe a CI failure due to the visual differences in the pattern(s).  \r\n3. Observe that you can view a report of the differences by viewing report in the artifacts of the \"test\" job.  \r\n\r\n## Screenshots\r\nWhere the report is located:\r\n![screen shot 2018-03-26 at 3 14 47 pm](https://user-images.githubusercontent.com/654407/37927564-795ded72-3108-11e8-8e9a-de240aeda538.png)\r\n\r\n\r\n\r\n## Additional Notes:\r\nN/A\r\n\r\n#### Impacted Areas in Application\r\n<!-- List general components of the application that this PR will affect: -->\r\n\r\n* No visual impacts.  Testing procedure only.\r\n\r\n#### @TODO\r\n<!-- List any known remaining work for this ticket / issue. -->\r\n\r\n* Once the circle 2.0 PR is merged, pull in the work from integration/vrt to actually make this work in CircleCI.\r\n\r\n#### Today I learned...\r\n<!-- Did you learn anything valuable in your work for this PR that you could share with the team?  You could list any relevant blogs, docs, or stack overflow posts that helped you with this work. -->\r\n\r\n* https://garris.github.io/BackstopJS/\r\n* Also tried out Webdriver.io with the visual regression service, but it was too slow (took over 10 minutes to run through 60 patterns locally).  POC is here: https://github.com/massgov/mayflower/compare/poc_wdio.  This might be useful for an end-to-end test, but it's not a good candidate for CI.\r\n"},"comment":{"url":"https://api.github.com/repos/massgov/mayflower/issues/comments/376309880","html_url":"https://github.com/massgov/mayflower/pull/747#issuecomment-376309880","issue_url":"https://api.github.com/repos/massgov/mayflower/issues/747","id":376309880,"user":{"login":"isaacchansky","id":1397914,"avatar_url":"https://avatars0.githubusercontent.com/u/1397914?v=4","gravatar_id":"","url":"https://api.github.com/users/isaacchansky","html_url":"https://github.com/isaacchansky","followers_url":"https://api.github.com/users/isaacchansky/followers","following_url":"https://api.github.com/users/isaacchansky/following{/other_user}","gists_url":"https://api.github.com/users/isaacchansky/gists{/gist_id}","starred_url":"https://api.github.com/users/isaacchansky/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/isaacchansky/subscriptions","organizations_url":"https://api.github.com/users/isaacchansky/orgs","repos_url":"https://api.github.com/users/isaacchansky/repos","events_url":"https://api.github.com/users/isaacchansky/events{/privacy}","received_events_url":"https://api.github.com/users/isaacchansky/received_events","type":"User","site_admin":false},"created_at":"2018-03-26T20:59:59Z","updated_at":"2018-03-26T20:59:59Z","author_association":"CONTRIBUTOR","body":"hah, just saw you updated the docs. Looks good to me 👍 "}}
{"actor":{"display_login":"isaacchansky"}}