{"action":"created","comment":{"url":"https://api.github.com/repos/featurist/browser-monkey/pulls/comments/243517228","pull_request_review_id":187307928,"id":243517228,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDI0MzUxNzIyOA==","diff_hunk":"@@ -20,45 +20,32 @@ Here is an [example project](https://github.com/dereke/web-testing) that demonst\n \n # example\n \n-```js\n-import createBrowser from 'browser-monkey/create';\n-\n-describe('admin', function () {\n-  let browser = createBrowser(document.body);\n-\n-  // describes the admin panel, with a search box, results and a user editor\n-  let adminPanel = browser.component({\n-    searchUsers() {\n-      return this.find('.search');\n-    },\n-    userResult(name) {\n-      // find a user in the results by their name\n-      return this.find('.results .user', {text: name});\n-    },\n-    userEditor() {\n-      // return the user editor, scoped to the .user-editor div.\n-      return this.find('.user-editor').component({\n-        name()  { return this.find('.name'); },\n-        email() { return this.find('.email'); },\n-        save()  { return this.find('.save'); }\n-      });\n-    }\n+```js codesandbox: basic-example\n+import createMonkey from \"browser-monkey/create\";\n+import createTestDiv from \"browser-monkey/lib/createTestDiv\";\n+import hyperdom from \"hyperdom\";\n+import App from \"./app\";\n+\n+describe(\"beer app\", () => {\n+  let page;\n+\n+  beforeEach(() => {\n+    const $testContainer = createTestDiv();\n+    hyperdom.append($testContainer, new App());\n+    page = createMonkey($testContainer);","path":"readme.md","position":39,"original_position":39,"commit_id":"7e1b727723257ca6b0d830436acad5b6e1d1480f","original_commit_id":"7e1b727723257ca6b0d830436acad5b6e1d1480f","user":{"login":"dereke","id":144922,"node_id":"MDQ6VXNlcjE0NDkyMg==","avatar_url":"https://avatars3.githubusercontent.com/u/144922?v=4","gravatar_id":"","url":"https://api.github.com/users/dereke","html_url":"https://github.com/dereke","followers_url":"https://api.github.com/users/dereke/followers","following_url":"https://api.github.com/users/dereke/following{/other_user}","gists_url":"https://api.github.com/users/dereke/gists{/gist_id}","starred_url":"https://api.github.com/users/dereke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dereke/subscriptions","organizations_url":"https://api.github.com/users/dereke/orgs","repos_url":"https://api.github.com/users/dereke/repos","events_url":"https://api.github.com/users/dereke/events{/privacy}","received_events_url":"https://api.github.com/users/dereke/received_events","type":"User","site_admin":false},"body":"You could simplify these three lines to be:\r\n```\r\nconst hyperdomMonkey = require('browser-monkey/hyperdom')\r\nconst monkey = hyperdomMonkey(new YourHyperdomApp())\r\n```\r\n\r\nBut maybe showing the generic way helps explain how it works?","created_at":"2018-12-21T08:31:47Z","updated_at":"2018-12-21T08:31:47Z","html_url":"https://github.com/featurist/browser-monkey/pull/86#discussion_r243517228","pull_request_url":"https://api.github.com/repos/featurist/browser-monkey/pulls/86","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/comments/243517228"},"html":{"href":"https://github.com/featurist/browser-monkey/pull/86#discussion_r243517228"},"pull_request":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/86"}}},"pull_request":{"url":"https://api.github.com/repos/featurist/browser-monkey/pulls/86","id":240239881,"node_id":"MDExOlB1bGxSZXF1ZXN0MjQwMjM5ODgx","html_url":"https://github.com/featurist/browser-monkey/pull/86","diff_url":"https://github.com/featurist/browser-monkey/pull/86.diff","patch_url":"https://github.com/featurist/browser-monkey/pull/86.patch","issue_url":"https://api.github.com/repos/featurist/browser-monkey/issues/86","number":86,"state":"open","locked":false,"title":"Generate codesanbdox.io project from readme example","user":{"login":"artemave","id":23721,"node_id":"MDQ6VXNlcjIzNzIx","avatar_url":"https://avatars2.githubusercontent.com/u/23721?v=4","gravatar_id":"","url":"https://api.github.com/users/artemave","html_url":"https://github.com/artemave","followers_url":"https://api.github.com/users/artemave/followers","following_url":"https://api.github.com/users/artemave/following{/other_user}","gists_url":"https://api.github.com/users/artemave/gists{/gist_id}","starred_url":"https://api.github.com/users/artemave/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/artemave/subscriptions","organizations_url":"https://api.github.com/users/artemave/orgs","repos_url":"https://api.github.com/users/artemave/repos","events_url":"https://api.github.com/users/artemave/events{/privacy}","received_events_url":"https://api.github.com/users/artemave/received_events","type":"User","site_admin":false},"body":"Also simplifies the demo example to account for ever diminishing developers' attention\r\nspan.\r\n\r\n**Usage**\r\n\r\nTo update existing links: `yarn update-readme-example-links`\r\n\r\nTo create new link to a code block:\r\n- change ```` ```js ```` -> ```` ```js codesanbox: TEMPLATE_NAME ```` where `TEMPLATE_NAME` is a folder name here - `./docs/codesandbox/TEMPLATE_NAME`\r\n- the example code will end up in `app.spec.js` so make sure it works with the your template\r\n- `yarn update-readme-example-links`","created_at":"2018-12-20T17:03:02Z","updated_at":"2018-12-21T08:31:47Z","closed_at":null,"merged_at":null,"merge_commit_sha":"5e0754b7108cf4cc4591b7d228e9fbf021a6d462","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/featurist/browser-monkey/pulls/86/commits","review_comments_url":"https://api.github.com/repos/featurist/browser-monkey/pulls/86/comments","review_comment_url":"https://api.github.com/repos/featurist/browser-monkey/pulls/comments{/number}","comments_url":"https://api.github.com/repos/featurist/browser-monkey/issues/86/comments","statuses_url":"https://api.github.com/repos/featurist/browser-monkey/statuses/7e1b727723257ca6b0d830436acad5b6e1d1480f","head":{"label":"featurist:runnable-doc-examples","ref":"runnable-doc-examples","sha":"7e1b727723257ca6b0d830436acad5b6e1d1480f","user":{"login":"featurist","id":1021475,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwMjE0NzU=","avatar_url":"https://avatars0.githubusercontent.com/u/1021475?v=4","gravatar_id":"","url":"https://api.github.com/users/featurist","html_url":"https://github.com/featurist","followers_url":"https://api.github.com/users/featurist/followers","following_url":"https://api.github.com/users/featurist/following{/other_user}","gists_url":"https://api.github.com/users/featurist/gists{/gist_id}","starred_url":"https://api.github.com/users/featurist/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/featurist/subscriptions","organizations_url":"https://api.github.com/users/featurist/orgs","repos_url":"https://api.github.com/users/featurist/repos","events_url":"https://api.github.com/users/featurist/events{/privacy}","received_events_url":"https://api.github.com/users/featurist/received_events","type":"Organization","site_admin":false},"repo":{"id":37136459,"node_id":"MDEwOlJlcG9zaXRvcnkzNzEzNjQ1OQ==","name":"browser-monkey","full_name":"featurist/browser-monkey","private":false,"owner":{"login":"featurist","id":1021475,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwMjE0NzU=","avatar_url":"https://avatars0.githubusercontent.com/u/1021475?v=4","gravatar_id":"","url":"https://api.github.com/users/featurist","html_url":"https://github.com/featurist","followers_url":"https://api.github.com/users/featurist/followers","following_url":"https://api.github.com/users/featurist/following{/other_user}","gists_url":"https://api.github.com/users/featurist/gists{/gist_id}","starred_url":"https://api.github.com/users/featurist/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/featurist/subscriptions","organizations_url":"https://api.github.com/users/featurist/orgs","repos_url":"https://api.github.com/users/featurist/repos","events_url":"https://api.github.com/users/featurist/events{/privacy}","received_events_url":"https://api.github.com/users/featurist/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/featurist/browser-monkey","description":"Reliable DOM testing","fork":false,"url":"https://api.github.com/repos/featurist/browser-monkey","forks_url":"https://api.github.com/repos/featurist/browser-monkey/forks","keys_url":"https://api.github.com/repos/featurist/browser-monkey/keys{/key_id}","collaborators_url":"https://api.github.com/repos/featurist/browser-monkey/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/featurist/browser-monkey/teams","hooks_url":"https://api.github.com/repos/featurist/browser-monkey/hooks","issue_events_url":"https://api.github.com/repos/featurist/browser-monkey/issues/events{/number}","events_url":"https://api.github.com/repos/featurist/browser-monkey/events","assignees_url":"https://api.github.com/repos/featurist/browser-monkey/assignees{/user}","branches_url":"https://api.github.com/repos/featurist/browser-monkey/branches{/branch}","tags_url":"https://api.github.com/repos/featurist/browser-monkey/tags","blobs_url":"https://api.github.com/repos/featurist/browser-monkey/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/featurist/browser-monkey/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/featurist/browser-monkey/git/refs{/sha}","trees_url":"https://api.github.com/repos/featurist/browser-monkey/git/trees{/sha}","statuses_url":"https://api.github.com/repos/featurist/browser-monkey/statuses/{sha}","languages_url":"https://api.github.com/repos/featurist/browser-monkey/languages","stargazers_url":"https://api.github.com/repos/featurist/browser-monkey/stargazers","contributors_url":"https://api.github.com/repos/featurist/browser-monkey/contributors","subscribers_url":"https://api.github.com/repos/featurist/browser-monkey/subscribers","subscription_url":"https://api.github.com/repos/featurist/browser-monkey/subscription","commits_url":"https://api.github.com/repos/featurist/browser-monkey/commits{/sha}","git_commits_url":"https://api.github.com/repos/featurist/browser-monkey/git/commits{/sha}","comments_url":"https://api.github.com/repos/featurist/browser-monkey/comments{/number}","issue_comment_url":"https://api.github.com/repos/featurist/browser-monkey/issues/comments{/number}","contents_url":"https://api.github.com/repos/featurist/browser-monkey/contents/{+path}","compare_url":"https://api.github.com/repos/featurist/browser-monkey/compare/{base}...{head}","merges_url":"https://api.github.com/repos/featurist/browser-monkey/merges","archive_url":"https://api.github.com/repos/featurist/browser-monkey/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/featurist/browser-monkey/downloads","issues_url":"https://api.github.com/repos/featurist/browser-monkey/issues{/number}","pulls_url":"https://api.github.com/repos/featurist/browser-monkey/pulls{/number}","milestones_url":"https://api.github.com/repos/featurist/browser-monkey/milestones{/number}","notifications_url":"https://api.github.com/repos/featurist/browser-monkey/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/featurist/browser-monkey/labels{/name}","releases_url":"https://api.github.com/repos/featurist/browser-monkey/releases{/id}","deployments_url":"https://api.github.com/repos/featurist/browser-monkey/deployments","created_at":"2015-06-09T14:18:41Z","updated_at":"2018-12-09T03:45:55Z","pushed_at":"2018-12-20T22:47:11Z","git_url":"git://github.com/featurist/browser-monkey.git","ssh_url":"git@github.com:featurist/browser-monkey.git","clone_url":"https://github.com/featurist/browser-monkey.git","svn_url":"https://github.com/featurist/browser-monkey","homepage":"","size":910,"stargazers_count":46,"watchers_count":46,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":4,"mirror_url":null,"archived":false,"open_issues_count":20,"license":null,"forks":4,"open_issues":20,"watchers":46,"default_branch":"master"}},"base":{"label":"featurist:master","ref":"master","sha":"cea7cdc06ade89b13fa7918457b3ab461865c169","user":{"login":"featurist","id":1021475,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwMjE0NzU=","avatar_url":"https://avatars0.githubusercontent.com/u/1021475?v=4","gravatar_id":"","url":"https://api.github.com/users/featurist","html_url":"https://github.com/featurist","followers_url":"https://api.github.com/users/featurist/followers","following_url":"https://api.github.com/users/featurist/following{/other_user}","gists_url":"https://api.github.com/users/featurist/gists{/gist_id}","starred_url":"https://api.github.com/users/featurist/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/featurist/subscriptions","organizations_url":"https://api.github.com/users/featurist/orgs","repos_url":"https://api.github.com/users/featurist/repos","events_url":"https://api.github.com/users/featurist/events{/privacy}","received_events_url":"https://api.github.com/users/featurist/received_events","type":"Organization","site_admin":false},"repo":{"id":37136459,"node_id":"MDEwOlJlcG9zaXRvcnkzNzEzNjQ1OQ==","name":"browser-monkey","full_name":"featurist/browser-monkey","private":false,"owner":{"login":"featurist","id":1021475,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwMjE0NzU=","avatar_url":"https://avatars0.githubusercontent.com/u/1021475?v=4","gravatar_id":"","url":"https://api.github.com/users/featurist","html_url":"https://github.com/featurist","followers_url":"https://api.github.com/users/featurist/followers","following_url":"https://api.github.com/users/featurist/following{/other_user}","gists_url":"https://api.github.com/users/featurist/gists{/gist_id}","starred_url":"https://api.github.com/users/featurist/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/featurist/subscriptions","organizations_url":"https://api.github.com/users/featurist/orgs","repos_url":"https://api.github.com/users/featurist/repos","events_url":"https://api.github.com/users/featurist/events{/privacy}","received_events_url":"https://api.github.com/users/featurist/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/featurist/browser-monkey","description":"Reliable DOM testing","fork":false,"url":"https://api.github.com/repos/featurist/browser-monkey","forks_url":"https://api.github.com/repos/featurist/browser-monkey/forks","keys_url":"https://api.github.com/repos/featurist/browser-monkey/keys{/key_id}","collaborators_url":"https://api.github.com/repos/featurist/browser-monkey/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/featurist/browser-monkey/teams","hooks_url":"https://api.github.com/repos/featurist/browser-monkey/hooks","issue_events_url":"https://api.github.com/repos/featurist/browser-monkey/issues/events{/number}","events_url":"https://api.github.com/repos/featurist/browser-monkey/events","assignees_url":"https://api.github.com/repos/featurist/browser-monkey/assignees{/user}","branches_url":"https://api.github.com/repos/featurist/browser-monkey/branches{/branch}","tags_url":"https://api.github.com/repos/featurist/browser-monkey/tags","blobs_url":"https://api.github.com/repos/featurist/browser-monkey/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/featurist/browser-monkey/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/featurist/browser-monkey/git/refs{/sha}","trees_url":"https://api.github.com/repos/featurist/browser-monkey/git/trees{/sha}","statuses_url":"https://api.github.com/repos/featurist/browser-monkey/statuses/{sha}","languages_url":"https://api.github.com/repos/featurist/browser-monkey/languages","stargazers_url":"https://api.github.com/repos/featurist/browser-monkey/stargazers","contributors_url":"https://api.github.com/repos/featurist/browser-monkey/contributors","subscribers_url":"https://api.github.com/repos/featurist/browser-monkey/subscribers","subscription_url":"https://api.github.com/repos/featurist/browser-monkey/subscription","commits_url":"https://api.github.com/repos/featurist/browser-monkey/commits{/sha}","git_commits_url":"https://api.github.com/repos/featurist/browser-monkey/git/commits{/sha}","comments_url":"https://api.github.com/repos/featurist/browser-monkey/comments{/number}","issue_comment_url":"https://api.github.com/repos/featurist/browser-monkey/issues/comments{/number}","contents_url":"https://api.github.com/repos/featurist/browser-monkey/contents/{+path}","compare_url":"https://api.github.com/repos/featurist/browser-monkey/compare/{base}...{head}","merges_url":"https://api.github.com/repos/featurist/browser-monkey/merges","archive_url":"https://api.github.com/repos/featurist/browser-monkey/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/featurist/browser-monkey/downloads","issues_url":"https://api.github.com/repos/featurist/browser-monkey/issues{/number}","pulls_url":"https://api.github.com/repos/featurist/browser-monkey/pulls{/number}","milestones_url":"https://api.github.com/repos/featurist/browser-monkey/milestones{/number}","notifications_url":"https://api.github.com/repos/featurist/browser-monkey/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/featurist/browser-monkey/labels{/name}","releases_url":"https://api.github.com/repos/featurist/browser-monkey/releases{/id}","deployments_url":"https://api.github.com/repos/featurist/browser-monkey/deployments","created_at":"2015-06-09T14:18:41Z","updated_at":"2018-12-09T03:45:55Z","pushed_at":"2018-12-20T22:47:11Z","git_url":"git://github.com/featurist/browser-monkey.git","ssh_url":"git@github.com:featurist/browser-monkey.git","clone_url":"https://github.com/featurist/browser-monkey.git","svn_url":"https://github.com/featurist/browser-monkey","homepage":"","size":910,"stargazers_count":46,"watchers_count":46,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":4,"mirror_url":null,"archived":false,"open_issues_count":20,"license":null,"forks":4,"open_issues":20,"watchers":46,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/86"},"html":{"href":"https://github.com/featurist/browser-monkey/pull/86"},"issue":{"href":"https://api.github.com/repos/featurist/browser-monkey/issues/86"},"comments":{"href":"https://api.github.com/repos/featurist/browser-monkey/issues/86/comments"},"review_comments":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/86/comments"},"review_comment":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/featurist/browser-monkey/pulls/86/commits"},"statuses":{"href":"https://api.github.com/repos/featurist/browser-monkey/statuses/7e1b727723257ca6b0d830436acad5b6e1d1480f"}},"author_association":"MEMBER"}}
{"actor":{"display_login":"dereke"}}