{"id":21001493,"url":"https://github.com/divio/casperjs-visual-debugging","last_synced_at":"2026-03-15T10:00:06.339Z","repository":{"id":66348491,"uuid":"109659334","full_name":"divio/casperjs-visual-debugging","owner":"divio","description":"Visual debugging for CasperJS tests","archived":false,"fork":false,"pushed_at":"2017-11-06T08:04:10.000Z","size":13362,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-20T09:46:40.691Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/divio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-06T07:03:56.000Z","updated_at":"2017-11-06T08:07:02.000Z","dependencies_parsed_at":"2023-02-26T23:30:35.622Z","dependency_job_id":null,"html_url":"https://github.com/divio/casperjs-visual-debugging","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divio%2Fcasperjs-visual-debugging","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divio%2Fcasperjs-visual-debugging/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divio%2Fcasperjs-visual-debugging/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divio%2Fcasperjs-visual-debugging/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/divio","download_url":"https://codeload.github.com/divio/casperjs-visual-debugging/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243418963,"owners_count":20287800,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-19T08:15:32.152Z","updated_at":"2025-12-26T10:16:34.102Z","avatar_url":"https://github.com/divio.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visual debugging for CasperJS\n\nHere is how it looks:\n\n![Demo](https://github.com/vxsx/casperjs-visual-debugging/raw/master/demo.gif)\n\nIt works like this:\n- your test grabs the screen as CasperJS sees it every X ms\n- it posts the image to the receiving server (this repo)\n- server then sends it via a websocket to the browser\n- browser displays the images in a sequence, giving the feel of the video\n\nAfter that here is also a range input that allows to go back in time to see what was happening before.\n\n## Setup\n\n1. `git clone` and eventually `npm install`\n2. `node index.js`\n3. go to http://localhost:8002\n4. use the code below in your CasperJS tests to update the image:\n\n```js\n// eslint-disable-next-line\nfunction show(casper, port) {\n    if (!casper.started) {\n        return;\n    }\n    casper.evaluate(function(opts) {\n        var options = JSON.parse(opts);\n        var img = options.img;\n        var visualPort = options.port;\n        // eslint-disable-next-line\n        __utils__.sendAJAX('http://localhost:' + visualPort, 'POST', { img: img }, false);\n    }, JSON.stringify({ img: casper.captureBase64('png'), port: port }));\n}\n\nsetInterval(function() {\n    show(casper, 8002);\n}, 10);\n```\n\nYou can see the example of the setup here: https://github.com/divio/django-cms/blob/440ff84801537218dd16b47d0f8da7e526d241f7/cms/tests/frontend/integration/setup.js#L14-L33\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivio%2Fcasperjs-visual-debugging","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdivio%2Fcasperjs-visual-debugging","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivio%2Fcasperjs-visual-debugging/lists"}