[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_154":155},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_84":85,"_107":108,"_145":-5,"_146":11,"_147":17,"_148":11,"_149":-5,"_150":11,"_151":-5,"_152":153},"canonicalUrl","https://hub.docker.com/r/civicactions/webdrivercss-adminpanel/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","civicactions","reponame","webdrivercss-adminpanel","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_38":39,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":51,"_53":31,"_28":29,"_54":55,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":70,"_75":17,"_76":77,"_81":29,"_82":83},"categories",[],"content_types",[40],"image","date_registered","2016-03-11T01:58:20.030254Z","description","docker run -p 9000:9000 civicactions/webdrivercss-adminpanel","is_private","last_updated","2016-03-11T02:10:04.668601Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[52],"application/vnd.docker.distribution.manifest.v1+prettyjws","name","pull_count",23873,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","![alt text](http://www.christian-bromann.com/webdrivercss-adminpanel.png \"WebdriverCSS Adminpanel\")\n\nWebdriverCSS Adminpanel\n=======================\n\nThis application helps you to manage all your image repositories of your CSS regression tests made with [WebdriverCSS](https://github.com/webdriverio/webdrivercss).\nIt provides an API to synchronise and configure them. This allows you to exchange the repositories with your peers and\ncolleagues to be able to run regression tests decentralized.\n\n## Dependencies\n\n- **NodeJS and npm**\n For installing packages.\n Download and run the [NodeJS installer](https://nodejs.org/download/).\n- **Ruby, Sass, and Compass**\n Needed for Compass extension to SASS, which provides CSS niceties.\n Install [Ruby](https://www.ruby-lang.org/en/documentation/installation/)\n and run `gem install compass`.\n\n> Note: Grunt & Bower will be installed locally with npm.\n If you'd like to install Grunt or Bower globally, run `npm install -g grunt-cli` or `npm install -g bower`, respectively.\n\n\n## Install\n\nFirst download this repository and change to the project directory:\n\n```sh\n$ git clone git@github.com:webdriverio/webdrivercss-adminpanel.git\n$ cd webdrivercss-adminpanel\n```\n\nThen download all client and server-side dependencies:\n\n```sh\n$ npm install\n```\n\nLast but not least start the application by running:\n\n```sh\n$ grunt serve:dist\n```\n\nThis command minifies all stylesheets and scripts and starts the application on [localhost:9000](http://localhost:9000).\nI'm not going to describe how to deploy a Node.js application to a server. There are plenty of tutorials out there who\ndescribe how to do that very well.\n\n## Usage\n\nBy default, the application provides the following API interfaces:\n\n### GET requests\n\n* GET `/api/repositories` (`\"Content-Type\": \"application/json\"`)
\n Returns a list of all current stored image repositories.
\n\n **Example Request:**
\n `http://localhost:9000/api/repositories`\n\n ```json\n {\n \"gz\": [\"amoeba-example.tar.gz\"],\n \"repositories\": {\n \"amoeba-example\": {\n \"images\": [\"contact.baseline.png\",\"team.baseline.png\",\"team.regression.png\"],\n \"diffs\": [\"team.diff.png\"]\n }\n }\n }\n ```\n\n* GET `/api/repositories/:file` (`\"Content-Type\": \"application/octet-stream\"`)
\n Returns the image repository tarball.\n\n **Example Request:**
\n `http://localhost:9000/api/repositories/amoeba-example.tar.gz`\n\n* GET `/api/repositories/:project/:file` (`\"Content-Type\": \"image/png\"`)
\n Get a current or new image from a specific repository.\n\n **Example Request:**
\n `http://localhost:9000/api/repositories/amoeba-example/contact.baseline.png`\n\n* GET `/api/repositories/:project/diff/:diff` (`\"Content-Type\": \"image/png\"`)
\n Get diff image of a specific repository.\n\n **Example Request:**
\n `http://localhost:9000/api/repositories/amoeba-example/diff/team.diff.png`\n\n### POST requests\n\n* POST `/api/repositories/confirm` (`\"Accept\": \"application/json\"`)
\n Confirm image diff if changes were made on purpose.\n\n **Example Request:**
\n `http://localhost:9000/api/repositories/confirm`\n\n **JSON Parameters:**
\n `file` - `{String}` *filename of new file*
\n `project` - `{String}` *project name*\n\n* POST `/api/repositories/*` (`\"Accept\": \"application/octed-stream\"`)
\n Takes an image repository tarball (`tar.gz`),\n unzips it, and saves it to the file system.\n\n **Example Request:**
\n `http://localhost:9000/api/repositories/amoeba-example.tar.gz`\n\n **JSON Parameters:**
\n `gz` - `{Object}` *repository tarbal*\n\n## Setup WebdriverCSS\n\nFor instructions on how to install WebdriverCSS please checkout the [repository website](https://github.com/webdriverio/webdrivercss)\non GitHub. There is also described [how to](https://github.com/webdriverio/webdrivercss#synchronize-your-taken-images) sync your\nrepository to the WebdriverCSS - Adminpanel application. Here is an example how to use this application in order to synchronise\nimage repositories created with WebdriverCSS:\n\n```js\nvar WebdriverIO = require('webdriverio'),\n WebdriverCSS = require('webdrivercss');\n\n// init webdriverio\nvar client = WebdriverIO.remote({\n desiredCapabilities: {\n browserName: 'firefox'\n }\n});\n\n// init webdrivercss\nWebdriverCSS.init(client, {\n screenshotRoot: 'myProject',\n api: 'http://localhost:9000/api/repositories/'\n});\n\nclient\n .init()\n .sync() // BEFORE: download current stored image repository of the project (if existing)\n\n .url('http://example.com')\n .webdrivercss('exampleTest', {\n name: 'homepage',\n elem: '#section'\n })\n\n .sync() // AFTER: zips and uploads state of image repository\n .end();\n```\n\n## Contributing\nAny contributions or patches are welcome! In lieu of a formal styleguide, take care to maintain the existing coding style.\n","has_starred","hub_user","immutable_tags_settings",{"_71":11,"_72":73},"enabled","rules",[74],".*","is_automated","permissions",{"_78":17,"_79":11,"_80":11},"read","write","admin","user","storage_size",366534210,"orgData",{"_86":87,"_88":89,"_90":91,"_92":29,"_93":29,"_94":95,"_96":97,"_98":99,"_100":101,"_102":103,"_104":103,"_105":103,"_106":17},"id","9533a2526a594564949070af17c6a6bb","uuid","9533a252-6a59-4564-9490-70af17c6a6bb","type","organization","orgname","full_name","location","US","company","CivicActions","profile_url","https://civicactions.com","date_joined","2016-03-04T22:55:11.092365Z","gravatar_url","","gravatar_email","badge","is_active","recentTags",[109],{"_110":40,"_111":112,"_113":114,"_86":115,"_116":117,"_46":134,"_135":112,"_136":29,"_137":52,"_53":138,"_139":140,"_141":125,"_142":134,"_143":62,"_144":17},"content_type","creator",670481,"full_size",366522718,2273265,"images",[118],{"_119":120,"_121":122,"_123":103,"_124":125,"_126":127,"_128":103,"_129":103,"_130":-5,"_131":132,"_59":62,"_133":-5},"architecture","amd64","digest","sha256:fcb87ef8d27f475a4e258f20cb3b31e74578728bde09d66434feba78fcafa3d4","features","last_pulled","2026-09-23T09:33:22.62286276Z","last_pushed","2016-03-11T02:10:04Z","os","os_features","os_version","size",366522942,"variant","2016-03-11T02:10:04.170994Z","last_updater","last_updater_username","media_type","latest","repository",572842,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":156,"_163":164,"_152":173,"_174":11},{"_36":157,"_38":158,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":159,"_53":31,"_28":29,"_54":55,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":160,"_75":17,"_76":162,"_81":29,"_82":83},[],[40],[52],{"_71":11,"_72":161},[74],{"_78":17,"_79":11,"_80":11},"tags",{"_165":60,"_166":-5,"_167":-5,"_168":169},"count","next","previous","results",[170],{"_110":40,"_111":112,"_113":114,"_86":115,"_116":171,"_46":134,"_135":112,"_136":29,"_137":52,"_53":138,"_139":140,"_141":125,"_142":134,"_143":62,"_144":17},[172],{"_119":120,"_121":122,"_123":103,"_124":125,"_126":127,"_128":103,"_129":103,"_130":-5,"_131":132,"_59":62,"_133":-5},[],"canDeleteTags","actionData","errors"]

civicactions/webdrivercss-adminpanel

Tags for civicactions/webdrivercss-adminpanel