├── .gitignore ├── .npmignore ├── .travis.yml ├── Procfile ├── README.md ├── bin └── load-tester ├── example ├── basic.json ├── expectations.json ├── load-balancer.json └── random-forms.json ├── lib ├── requester.js └── server.js ├── package.json ├── test ├── basic-test.coffee ├── basic-test.js └── mocha.opts └── webui ├── Gruntsource.json ├── css └── app.css ├── index.html ├── js └── app.js └── src ├── scripts ├── controllers │ └── load-tester.coffee ├── init.coffee ├── run.coffee └── vendor │ └── notify.js ├── styles └── app.styl └── views └── index.jade /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | example/ 2 | test/ 3 | .travis.yml -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "0.11" 4 | - "0.10" 5 | - "0.8" 6 | - "0.6" -------------------------------------------------------------------------------- /Procfile: -------------------------------------------------------------------------------- 1 | web: node lib/server.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # node-load-tester 2 | 3 | > #### Simple load testing with Node.js 4 | 5 | 6 |

8 | 9 | 10 | ## Summary 11 | 12 | A load testing server - v0.5.0 13 | 14 | ## Features 15 | 16 | * Basic WebUI 17 | * A new session (new set of cookies) is made per sequence 18 | * Control sequence concurrency with `connections` 19 | * Control test duration with `duration` 20 | * Control number of runs with `runs` 21 | * Set custom `headers` 22 | * Create a set of `baseUrls`, randomly choosing a `baseUrl` to test against 23 | * Create a set of `forms`, randomly choosing a `form` to POST with 24 | * Create response expectations based on status code and body contents 25 | 26 | ## Future 27 | 28 | * Nice WebUI **(Pull Request Anyone?)** 29 | * Dynamic Angular Form to construct a `Job` object 30 | * Nice display of results object 31 | * Cancel jobs 32 | * Modify result object to mirror the `Request` object 33 | 34 | ## Install 35 | ``` 36 | $ npm install -g load-tester 37 | ``` 38 | 39 | ## Run 40 | ``` 41 | $ load-tester 42 | Listening on 43 | ``` 44 | 45 | Now, you'll find a basic webui at `http://localhost:` 46 | 47 | or you can try the live demo: 48 | 49 | ## Demo 50 | 51 | http://node-load-tester.herokuapp.com 52 | 53 | *Note: free heroku instances have bandwidth caps* 54 | 55 | ## Basic Example 56 | 57 | We'll target `http://echo.jpillora.com`, run the following sequence: 58 | * GET `/` (home) and expect a `200` 59 | * Then POST `/api/login` with creds and expect a `200` 60 | * Then confirm that we just logged in (`/test/user` and check it's `200`) 61 | * Then we'll logout 62 | * Finally we'll confirm that we just logged out (`/test/user` and check it's **`404`**) 63 | 64 | 65 | ``` json 66 | { 67 | "baseUrl": "http://echo.jpillora.com", 68 | "duration": 5000, 69 | "connections": 1, 70 | "sequence": [ 71 | { "method": "GET", "path": "/" }, 72 | { "method": "POST", "path": "/api/login", "form":{"username":"foo","password":"bar"} }, 73 | { "method": "GET", "path": "/test/user" }, 74 | { "method": "GET", "path": "/logout" }, 75 | { "method": "GET", "path": "/test/user", "expect": { "code": 404 } } 76 | ] 77 | } 78 | ``` 79 | 80 | 81 | Since `http://echo.jpillora.com` is just an echo server, it didn't actually login, 82 | so the second `/test/user` still responded with 200, which is seen as a failure: 83 | 84 | ``` json 85 | { 86 | "paths": { 87 | "GET /": { 88 | "pass": 2, 89 | "fail": 0, 90 | "total": 2, 91 | "avgResponseTime": 877 92 | }, 93 | "POST /api/login": { 94 | "pass": 2, 95 | "fail": 0, 96 | "total": 2, 97 | "avgResponseTime": 936 98 | }, 99 | "GET /test/user": { 100 | "pass": 2, 101 | "fail": 2, 102 | "total": 4, 103 | "avgResponseTime": 692 104 | }, 105 | "GET /logout": { 106 | "pass": 2, 107 | "fail": 0, 108 | "total": 2, 109 | "avgResponseTime": 660 110 | } 111 | }, 112 | "errors": { 113 | "expected code: 404 got: 200 (for GET /test/user)": 2 114 | }, 115 | "pass": 8, 116 | "fail": 2, 117 | "total": 10, 118 | "totalTime": 7719, 119 | "avgResponseTime": 791 120 | } 121 | ``` 122 | 123 | ## API 124 | 125 | `POST /job` 126 | 127 | Create a load test `Job` 128 | 129 | ### `Job` Object Properties 130 | 131 | * `baseUrl` (String) - Target URL 132 | * `baseUrls` (Array[String]) - Target URLs 133 | * `headers` (Object) - Header/Value pairs to apply to all `Request`s 134 | * `runs` (Number) - Number of times to run through the `sequence` 135 | * `duration` (Number) - Keep running through the `sequence` for `duration`ms 136 | * `connections` (Number) - Number of HTTP clients (each will run through the `sequence`) 137 | * `sequence` (Array[`Request`]) - The sequence of `Request`s to execute (a new cookie jar is created per sequence) 138 | 139 | ### `Request` Object Properties 140 | 141 | * `method` (String) - HTTP Method to use (default:`"GET"`) 142 | * `path` (String) - URL Path to be appended to `baseUrl` 143 | * `headers` (Object) - Header/Value pairs to apply to this `Request` (overrides `Job` `headers`) 144 | * `form` (Object) - Object to application/form encode 145 | * `forms` (Array[Object]) - Round-robin through objects to application/form encode 146 | * `expect` (Object) - Expectation definition object 147 | * `code` (Number) - Expect a particular HTTP status code **(default:200)** 148 | * `contains` (String) - Expect the HTTP body to contain 149 | * `match` (String) - Expect the HTTP body to match `new RegExp(match)` 150 | 151 | **Note:** There must be **one** `expect`ation 152 | 153 | **Note:** Failed expections are accumulated in the results, e.g: 154 | ``` json 155 | "errors": { 156 | "expected code: 404 got: 200 (for GET /test/user)": 2 157 | } 158 | ``` 159 | 160 | ## More Examples 161 | 162 | #### Random form data 163 | 164 | 165 | ``` json 166 | { 167 | "baseUrl": "http://echo.jpillora.com", 168 | "duration": 5000, 169 | "connections": 1, 170 | "sequence": [ 171 | { "method": "POST", "path": "/api/login", "forms":[ 172 | {"username":"foo","password":"bar"}, 173 | {"username":"ping","password":"pong"}, 174 | {"username":"zap","password":"zoop"} 175 | ] 176 | } 177 | ] 178 | } 179 | ``` 180 | 181 | 182 | #### More response expectations 183 | 184 | 185 | ``` json 186 | { 187 | "baseUrl": "http://echo.jpillora.com", 188 | "runs": 3, 189 | "connections": 1, 190 | "sequence": [ 191 | { "method": "GET", "path": "/api/code-test", "expect": { "code": 408 } }, 192 | { "method": "GET", "path": "/api/string-test", "expect": { "contains": "abc" } }, 193 | { "method": "GET", "path": "/api/regex-test", "expect": { "match": "^a[Bb]c$" } } 194 | ] 195 | } 196 | ``` 197 | 198 | 199 | *`runs` is how many times to run the sequence. Can be used with or instead of `duration`.* 200 | 201 | 202 | #### Simulate load balancer 203 | 204 | *Every request will round-robin through the `baseUrls`* 205 | 206 | *Requests may also specify a `header` object which will override the job's `header` object* 207 | 208 | 209 | ``` json 210 | { 211 | "baseUrls": [ 212 | "http://74.125.237.114", 213 | "http://74.125.237.115", 214 | "http://74.125.237.116" 215 | ], 216 | "headers": { 217 | "host": "www.google.com.au" 218 | }, 219 | "duration": 5000, 220 | "connections": 1, 221 | "sequence": [ 222 | { "path": "/" } 223 | ] 224 | } 225 | ``` 226 | 227 | 228 | 229 | #### MIT License 230 | 231 | Copyright © 2013 Jaime Pillora <dev@jpillora.com> 232 | 233 | Permission is hereby granted, free of charge, to any person obtaining 234 | a copy of this software and associated documentation files (the 235 | 'Software'), to deal in the Software without restriction, including 236 | without limitation the rights to use, copy, modify, merge, publish, 237 | distribute, sublicense, and/or sell copies of the Software, and to 238 | permit persons to whom the Software is furnished to do so, subject to 239 | the following conditions: 240 | 241 | The above copyright notice and this permission notice shall be 242 | included in all copies or substantial portions of the Software. 243 | 244 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, 245 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 246 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 247 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY 248 | CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, 249 | TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 250 | SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 251 | 252 | -------------------------------------------------------------------------------- /bin/load-tester: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | var port = parseInt(process.argv[2], 10); 3 | process.env.PORT = port || 3000; 4 | require('../lib/server'); 5 | -------------------------------------------------------------------------------- /example/basic.json: -------------------------------------------------------------------------------- 1 | { 2 | "baseUrl": "http://echo.jpillora.com", 3 | "duration": 5000, 4 | "connections": 1, 5 | "sequence": [ 6 | { "method": "GET", "path": "/" }, 7 | { "method": "POST", "path": "/api/login", "form":{"username":"foo","password":"bar"} }, 8 | { "method": "GET", "path": "/test/user" }, 9 | { "method": "GET", "path": "/logout" }, 10 | { "method": "GET", "path": "/test/user", "expect": { "code": 404 } } 11 | ] 12 | } -------------------------------------------------------------------------------- /example/expectations.json: -------------------------------------------------------------------------------- 1 | { 2 | "baseUrl": "http://echo.jpillora.com", 3 | "runs": 3, 4 | "connections": 1, 5 | "sequence": [ 6 | { "method": "GET", "path": "/api/code-test", "expect": { "code": 408 } }, 7 | { "method": "GET", "path": "/api/string-test", "expect": { "contains": "abc" } }, 8 | { "method": "GET", "path": "/api/regex-test", "expect": { "match": "^a[Bb]c$" } } 9 | ] 10 | } -------------------------------------------------------------------------------- /example/load-balancer.json: -------------------------------------------------------------------------------- 1 | { 2 | "baseUrls": [ 3 | "http://74.125.237.114", 4 | "http://74.125.237.115", 5 | "http://74.125.237.116" 6 | ], 7 | "headers": { 8 | "host": "www.google.com.au" 9 | }, 10 | "duration": 5000, 11 | "connections": 1, 12 | "sequence": [ 13 | { "path": "/" } 14 | ] 15 | } -------------------------------------------------------------------------------- /example/random-forms.json: -------------------------------------------------------------------------------- 1 | { 2 | "baseUrl": "http://echo.jpillora.com", 3 | "duration": 5000, 4 | "connections": 1, 5 | "sequence": [ 6 | { "method": "POST", "path": "/api/login", "forms":[ 7 | {"username":"foo","password":"bar"}, 8 | {"username":"ping","password":"pong"}, 9 | {"username":"zap","password":"zoop"} 10 | ] 11 | } 12 | ] 13 | } -------------------------------------------------------------------------------- /lib/requester.js: -------------------------------------------------------------------------------- 1 | 2 | var requestLib = require('request'); 3 | var async = require('async'); 4 | var _ = require('lodash'); 5 | var pkg = require('../package.json'); 6 | var DEFAULT_HEADERS = { 7 | 'user-agent': pkg.name+'/'+pkg.version 8 | }; 9 | 10 | //job class 11 | function Job(job, callback) { 12 | this.opts = job; 13 | this.cb = callback; 14 | this.next = nexter(); 15 | _.bindAll(this); 16 | 17 | // if(!this.opts.name) 18 | // return this.cb("'name' required"); 19 | if(!_.isArray(this.opts.sequence)) 20 | return this.cb("requires a 'sequence'"); 21 | 22 | if(typeof this.opts.maxSockets !== 'number') 23 | this.opts.maxSockets = 5; 24 | if(typeof this.opts.connections === 'number') 25 | this.opts.maxSockets = this.opts.connections; 26 | 27 | if(typeof this.opts.runs !== 'number') 28 | this.opts.runs = Infinity; 29 | if(typeof this.opts.duration !== 'number') 30 | this.opts.duration = Infinity; 31 | 32 | if(this.opts.runs === Infinity && 33 | this.opts.duration === Infinity) 34 | this.opts.runs = 1; 35 | 36 | if(_.isArray(this.opts.baseUrls)) 37 | this.baseUrls = this.opts.baseUrls; 38 | else if(typeof this.opts.baseUrl === 'string') 39 | this.baseUrls = [this.opts.baseUrl]; 40 | else 41 | return this.cb("requires a 'baseUrl'"); 42 | 43 | for (var i = this.baseUrls.length - 1; i >= 0; i--) 44 | if(!/^https?:\/\/[^\/]+$/.test(this.baseUrls[i])) 45 | return this.cb("Invalid origin: '"+this.baseUrls[i]+"', must be http[s]://host:port"); 46 | 47 | this.request = requestLib.defaults({ 48 | pool: {maxSockets: this.opts.maxSockets} 49 | }); 50 | 51 | this.timesup = false; 52 | this.running = 0; 53 | this.results = []; 54 | this.startTime = Date.now(); 55 | 56 | // console.log(this.opts); 57 | 58 | for(var b = 0; b < Math.min(this.opts.maxSockets, this.opts.runs); ++b) 59 | this.runSequence(); 60 | 61 | if(this.opts.duration !== Infinity) 62 | setTimeout(this.stopSequence, this.opts.duration); 63 | } 64 | 65 | Job.prototype.stopSequence = function() { 66 | this.timesup = true; 67 | }; 68 | 69 | Job.prototype.runSequence = function() { 70 | if(this.timesup) return; 71 | if(this.running >= this.opts.runs) return; 72 | this.running++; 73 | 74 | //bind this cookie jar to this sequence 75 | async.mapSeries( 76 | this.opts.sequence, 77 | this.runRequest.bind(this, requestLib.jar()), 78 | this.ranSequence); 79 | }; 80 | 81 | Job.prototype.ranSequence = function(err, results) { 82 | 83 | if(err) 84 | return this.done(err); 85 | 86 | this.results.push(results); 87 | 88 | if((!this.timesup || this.results.length < this.running) && 89 | (this.results.length < this.opts.runs)) 90 | process.nextTick(this.runSequence); 91 | else 92 | this.done(); 93 | }; 94 | 95 | Job.prototype.runRequest = function(jar, reqObj, done) { 96 | 97 | if(!_.isObject(reqObj)) 98 | return done("sequence item (#{reqObj}) must be an object"); 99 | 100 | reqObj.headers = reqObj.headers || {}; 101 | _.defaults(reqObj.headers, this.opts.headers, DEFAULT_HEADERS); 102 | 103 | reqObj.timeout = reqObj.timeout || this.opts.timeout || 5000; 104 | 105 | reqObj.method = reqObj.method || 'GET'; 106 | reqObj.path = reqObj.path || ''; 107 | reqObj.followRedirect = reqObj.followRedirect || false; 108 | 109 | var expect = reqObj.expect || { code: 200 }; 110 | 111 | if(expect.code && typeof expect.code !== 'number') 112 | return done("sequence property 'code' must be a number"); 113 | 114 | if(expect.match) 115 | if(typeof expect.match === 'string') { 116 | try { 117 | expect._re = new RegExp(expect.match); 118 | } catch(e) { 119 | return done("sequence property 'match' contains an invalid regex: "+expect.match+": "+e); 120 | } 121 | } else 122 | return done("sequence property 'match' must be a string"); 123 | 124 | if(expect.contains && typeof expect.contains !== 'string') 125 | return done("sequence property 'contains' must be a string"); 126 | 127 | if(reqObj.forms && _.isArray(reqObj.forms)) 128 | reqObj.form = this.next(reqObj.forms); 129 | 130 | if(reqObj.method === 'GET' && reqObj.form) 131 | return done("sequence has method GET and form data"); 132 | 133 | var path = reqObj.path; 134 | var url = this.next(this.baseUrls) + path; 135 | var responseTime = Date.now(); 136 | 137 | //cleanse request object 138 | reqObj = _.pick(reqObj, 'method', 'form', 'headers', 'followRedirect', 'timeout'); 139 | reqObj.url = url; 140 | reqObj.jar = jar; 141 | 142 | // console.log(reqObj); 143 | 144 | var delay = this.requestDelay; 145 | 146 | this.request(reqObj, function(err, res, body) { 147 | if(err) 148 | err = err.toString(); 149 | else if(!res) 150 | err = '(no response)'; 151 | else if(expect.code && expect.code !== res.statusCode) 152 | err = 'expected code: ' + expect.code + 153 | ', got: ' + res.statusCode + 154 | ' (for ' + reqObj.method + ' ' + path + ')'; 155 | else if(expect._re && !expect._re.test(body)) 156 | err = 'expected body to match regex: ' + expect._re; 157 | else if(expect.contains && body.indexOf(expect.contains) === -1) 158 | err = 'expected body to contain string: ' + expect.contains; 159 | 160 | var results = { responseTime: Date.now() - responseTime, err: err }; 161 | 162 | if(delay) 163 | setTimeout(done.bind(null, null, results), delay); 164 | else 165 | done(null, results); 166 | }); 167 | }; 168 | 169 | Job.prototype.done = function(err) { 170 | if(err) 171 | return this.cb(err); 172 | 173 | 174 | var finalResults = { 175 | paths: {}, errors: {}, pass: 0, fail: 0, total: 0, 176 | totalTime: Date.now() - this.startTime 177 | }, 178 | finalTimes = [], s,r, res, req, path, pathData; 179 | 180 | for(s = 0; s < this.opts.sequence.length; ++s) { 181 | 182 | var reqObj = this.opts.sequence[s], 183 | key = reqObj.method+" "+reqObj.path, 184 | times = []; 185 | 186 | //add to path 187 | if(finalResults.paths[key]) 188 | pathData = finalResults.paths[key]; 189 | else 190 | pathData = finalResults.paths[key] = { pass: 0, fail: 0, total: 0, times: [] }; 191 | 192 | //calculate 193 | for(r = 0; r < this.results.length; ++r) { 194 | res = this.results[r][s]; 195 | if(!res) res = {err:'(missing)'}; 196 | pathData.total++; 197 | if(!res.err) { 198 | pathData.pass++; 199 | } else { 200 | if(finalResults.errors[res.err]) 201 | finalResults.errors[res.err]++; 202 | else 203 | finalResults.errors[res.err] = 1; 204 | pathData.fail++; 205 | } 206 | pathData.times.push(res.responseTime); 207 | } 208 | } 209 | 210 | //calculate totals 211 | for(path in finalResults.paths) { 212 | pathData = finalResults.paths[path]; 213 | pathData.avgResponseTime = avg(pathData.times); 214 | //delete array 215 | delete pathData.times; 216 | finalTimes.push(pathData.avgResponseTime); 217 | finalResults.pass += pathData.pass; 218 | finalResults.fail += pathData.fail; 219 | finalResults.total += pathData.total; 220 | } 221 | 222 | finalResults.avgResponseTime = avg(finalTimes); 223 | this.results = finalResults; 224 | this.cb(null, finalResults); 225 | }; 226 | 227 | //job runner 228 | module.exports = function(job, callback) { 229 | module.exports.jobs.push(new Job(job, callback)); 230 | }; 231 | module.exports.jobs = []; 232 | 233 | //helper 234 | var nexter = function() { 235 | //create 'next' functions which can get thrown away along with their data 236 | var next = function(arr) { 237 | var i = next.arrs.indexOf(arr); 238 | if(i === -1) { 239 | next.arrs.push(arr); 240 | i = next.arrs.indexOf(arr); 241 | next.counts[i] = 0; 242 | } 243 | return arr[ next.counts[i]++ % arr.length ]; 244 | }; 245 | next.counts = []; 246 | next.arrs = []; 247 | return next; 248 | }; 249 | 250 | var avg = function(arr) { 251 | return Math.round(arr.reduce(function(p,c) { return p+c; }, 0)/arr.length); 252 | }; 253 | var rand = function(arr) { 254 | return arr[Math.floor(Math.random()*arr.length)]; 255 | }; 256 | 257 | -------------------------------------------------------------------------------- /lib/server.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | var express = require('express'); 3 | var http = require('http'); 4 | var requester = require('./requester'); 5 | 6 | var running = false; 7 | var port = process.env.PORT || 3000; 8 | var app = express(); 9 | 10 | app.configure(function() { 11 | 12 | app.use(express.static(path.join(__dirname,'..','webui'))); 13 | 14 | app.use(app.router); 15 | 16 | app.use(function(err, req, res, next) { 17 | console.error('error', err.stack); 18 | res.send(500, err.toString()); 19 | }); 20 | 21 | }); 22 | 23 | app.post('/job', function(req, res, next) { 24 | 25 | if(running) 26 | return res.send(503, 'Worker in use'); 27 | 28 | var json = ''; 29 | req.on('data', function(buffer) { 30 | json += buffer.toString(); 31 | }); 32 | req.on('end', function() { 33 | try { 34 | var obj = JSON.parse(json); 35 | running = true; 36 | requester(obj, function(err, result) { 37 | running = false; 38 | if(err) return next(err); 39 | res.json(result); 40 | }); 41 | } catch(e) { 42 | next(e); 43 | } 44 | }); 45 | }); 46 | 47 | app.get('/job/:index', function(req, res, next) { 48 | var i = req.params.index; 49 | if(i && requester.jobs[i]) 50 | return res.json(requester.jobs[i]); 51 | res.send(404, 'Could not find job #'+i); 52 | }); 53 | 54 | var httpServer = http.createServer(app); 55 | 56 | httpServer.listen(port, function() { 57 | console.log("Listening on %s", port); 58 | }); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "load-tester", 3 | "version": "0.5.0", 4 | "description": "A load testing server", 5 | "main": "server.js", 6 | "bin": { 7 | "load-tester": "./bin/load-tester" 8 | }, 9 | "scripts": { 10 | "test": "echo \"Error: no test specified\" && exit 1" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "https://github.com/jpillora/node-load-tester.git" 15 | }, 16 | "author": "Jaime Pillora ", 17 | "license": "MIT", 18 | "gruntSource": { 19 | "source": "~/.grunt-sources/node", 20 | "repo": "https://github.com/jpillora/grunt-source-node.git" 21 | }, 22 | "readmeFilename": "README.md", 23 | "dependencies": { 24 | "express": "~3.3.4", 25 | "request": "~2.25.0", 26 | "lodash": "~1.3.1", 27 | "async": "~0.2.9" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /test/basic-test.coffee: -------------------------------------------------------------------------------- 1 | {expect} = require "chai" 2 | module = require "../" 3 | 4 | describe "basic", -> 5 | 6 | it "simple", -> 7 | expect(1).to.equal(1) -------------------------------------------------------------------------------- /test/basic-test.js: -------------------------------------------------------------------------------- 1 | var expect = require("chai").expect; 2 | var module = require("../"); 3 | 4 | describe("some basic tests", function() { 5 | 6 | it("simple", function() { 7 | expect(1).to.equal(1); 8 | }); 9 | 10 | }); -------------------------------------------------------------------------------- /test/mocha.opts: -------------------------------------------------------------------------------- 1 | --compilers coffee:coffee-script -------------------------------------------------------------------------------- /webui/Gruntsource.json: -------------------------------------------------------------------------------- 1 | { 2 | "source":"~/.grunt-sources/web", 3 | "repo": "https://github.com/jpillora/grunt-source-web.git" 4 | } -------------------------------------------------------------------------------- /webui/css/app.css: -------------------------------------------------------------------------------- 1 | 2 | /* line 1 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */ 3 | 4 | /* line 1 : /Users/jpillora/Code/Node/node-load-tester/webui/src/styles/app.styl */ 5 | body, 6 | html { 7 | padding: 30px; 8 | margin: 0; 9 | width: 100%; 10 | height: 100%; 11 | font-family: 'Roboto Condensed', sans-serif; 12 | } 13 | 14 | /* line 8 : /Users/jpillora/Code/Node/node-load-tester/webui/src/styles/app.styl */ 15 | *, 16 | *:before, 17 | *:after { 18 | box-sizing: border-box; 19 | } 20 | -------------------------------------------------------------------------------- /webui/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

9 |

10 | 11 |

12 |

13 |

Job

14 |

15 | Origin (Protocol and Domain) 16 |

17 | 18 |

Add another

19 |

20 |

21 |

22 |

23 |

24 | Duration 25 | 26 |

27 |

28 |

29 |

30 | Runs 31 | 32 |

33 |

34 |

35 |

36 | Connections 37 | 38 |

39 |

40 |

41 |

Sequence

42 |

43 |

44 |

45 |

46 |

47 | Method 48 | 49 |

50 |

51 |

52 |

53 | Path 54 | 55 |

56 |

57 |

58 |

59 |

60 |

61 |

Add Header

62 |

63 |

64 |

Add Form

65 |

66 |

67 |

68 |

69 |

70 |

71 |

72 |

Start

73 |

74 |

75 |

Results

76 |

77 | Origin (Protocol and Domain) 78 |

79 | 80 |

81 |

82 |

83 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /webui/js/app.js: -------------------------------------------------------------------------------- 1 | /** Notify.js - v0.3.1 - 2013/07/05 2 | * http://notifyjs.com/ 3 | * Copyright (c) 2013 Jaime Pillora - MIT 4 | */ (function(window, document, $, undefined) { 5 | 'use strict'; 6 | 7 | var Notification, addStyle, blankFieldName, coreStyle, createElem, defaults, encode, find, findFields, getAnchorElement, getStyle, globalAnchors, hAligns, incr, inherit, insertCSS, mainPositions, opposites, parsePosition, pluginClassName, pluginName, pluginOptions, positions, realign, stylePrefixes, styles, vAligns, __indexOf = [].indexOf || 8 | function(item) { 9 | for (var i = 0, l = this.length; i < l; i++) { 10 | if (i in this && this[i] === item) return i; 11 | } 12 | return -1; 13 | }; 14 | 15 | pluginName = 'notify'; 16 | 17 | pluginClassName = pluginName + 'js'; 18 | 19 | blankFieldName = pluginName + "!blank"; 20 | 21 | positions = { 22 | t: 'top', 23 | m: 'middle', 24 | b: 'bottom', 25 | l: 'left', 26 | c: 'center', 27 | r: 'right' 28 | }; 29 | 30 | hAligns = ['l', 'c', 'r']; 31 | 32 | vAligns = ['t', 'm', 'b']; 33 | 34 | mainPositions = ['t', 'b', 'l', 'r']; 35 | 36 | opposites = { 37 | t: 'b', 38 | m: null, 39 | b: 't', 40 | l: 'r', 41 | c: null, 42 | r: 'l' 43 | }; 44 | 45 | parsePosition = function(str) { 46 | var pos; 47 | pos = []; 48 | $.each(str.split(/\W+/), function(i, word) { 49 | var w; 50 | w = word.toLowerCase().charAt(0); 51 | if (positions[w]) { 52 | return pos.push(w); 53 | } 54 | }); 55 | return pos; 56 | }; 57 | 58 | styles = {}; 59 | 60 | coreStyle = { 61 | name: 'core', 62 | html: "

", 63 | css: "." + pluginClassName + "-corner {\n position: fixed;\n margin: 5px;\n z-index: 1050;\n}\n\n." + pluginClassName + "-corner ." + pluginClassName + "-wrapper,\n." + pluginClassName + "-corner ." + pluginClassName + "-container {\n position: relative;\n display: block;\n height: inherit;\n width: inherit;\n margin: 3px;\n}\n\n." + pluginClassName + "-wrapper {\n z-index: 1;\n position: absolute;\n display: inline-block;\n height: 0;\n width: 0;\n}\n\n." + pluginClassName + "-container {\n display: none;\n z-index: 1;\n position: absolute;\n cursor: pointer;\n}\n\n[data-notify-text],[data-notify-html] {\n position: relative;\n}\n\n." + pluginClassName + "-arrow {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 0;\n}" 64 | }; 65 | 66 | stylePrefixes = { 67 | "border-radius": ["-webkit-", "-moz-"] 68 | }; 69 | 70 | getStyle = function(name) { 71 | return styles[name]; 72 | }; 73 | 74 | addStyle = function(name, def) { 75 | var cssText, elem, fields, _ref; 76 | if (!name) { 77 | throw "Missing Style name"; 78 | } 79 | if (!def) { 80 | throw "Missing Style definition"; 81 | } 82 | if (!def.html) { 83 | throw "Missing Style HTML"; 84 | } 85 | if ((_ref = styles[name]) != null ? _ref.cssElem : void 0) { 86 | if (window.console) { 87 | console.warn("" + pluginName + ": overwriting style '" + name + "'"); 88 | } 89 | styles[name].cssElem.remove(); 90 | } 91 | def.name = name; 92 | styles[name] = def; 93 | cssText = ""; 94 | if (def.classes) { 95 | $.each(def.classes, function(className, props) { 96 | cssText += "." + pluginClassName + "-" + def.name + "-" + className + " {\n"; 97 | $.each(props, function(name, val) { 98 | if (stylePrefixes[name]) { 99 | $.each(stylePrefixes[name], function(i, prefix) { 100 | return cssText += " " + prefix + name + ": " + val + ";\n"; 101 | }); 102 | } 103 | return cssText += " " + name + ": " + val + ";\n"; 104 | }); 105 | return cssText += "}\n"; 106 | }); 107 | } 108 | if (def.css) { 109 | cssText += "/* styles for " + def.name + " */\n" + def.css; 110 | } 111 | if (cssText) { 112 | def.cssElem = insertCSS(cssText); 113 | def.cssElem.attr('id', "notify-" + def.name); 114 | } 115 | fields = {}; 116 | elem = $(def.html); 117 | findFields('html', elem, fields); 118 | findFields('text', elem, fields); 119 | return def.fields = fields; 120 | }; 121 | 122 | insertCSS = function(cssText) { 123 | var elem; 124 | elem = createElem("style"); 125 | elem.attr('type', 'text/css'); 126 | $("head").append(elem); 127 | try { 128 | elem.html(cssText); 129 | } catch (e) { 130 | elem[0].styleSheet.cssText = cssText; 131 | } 132 | return elem; 133 | }; 134 | 135 | findFields = function(type, elem, fields) { 136 | var attr; 137 | if (type !== 'html') { 138 | type = 'text'; 139 | } 140 | attr = "data-notify-" + type; 141 | return find(elem, "[" + attr + "]").each(function() { 142 | var name; 143 | name = $(this).attr(attr); 144 | if (!name) { 145 | name = blankFieldName; 146 | } 147 | return fields[name] = type; 148 | }); 149 | }; 150 | 151 | find = function(elem, selector) { 152 | if (elem.is(selector)) { 153 | return elem; 154 | } else { 155 | return elem.find(selector); 156 | } 157 | }; 158 | 159 | pluginOptions = { 160 | clickToHide: true, 161 | autoHide: true, 162 | autoHideDelay: 5000, 163 | arrowShow: true, 164 | arrowSize: 5, 165 | breakNewLines: true, 166 | elementPosition: 'bottom', 167 | globalPosition: 'top right', 168 | style: 'bootstrap', 169 | className: 'error', 170 | showAnimation: 'slideDown', 171 | showDuration: 400, 172 | hideAnimation: 'slideUp', 173 | hideDuration: 200, 174 | gap: 5 175 | }; 176 | 177 | inherit = function(a, b) { 178 | var F; 179 | F = function() {}; 180 | F.prototype = a; 181 | return $.extend(true, new F(), b); 182 | }; 183 | 184 | defaults = function(opts) { 185 | return $.extend(pluginOptions, opts); 186 | }; 187 | 188 | createElem = function(tag) { 189 | return $("<" + tag + ">"); 190 | }; 191 | 192 | globalAnchors = {}; 193 | 194 | getAnchorElement = function(element) { 195 | var radios; 196 | if (element.is('[type=radio]')) { 197 | radios = element.parents('form:first').find('[type=radio]').filter(function(i, e) { 198 | return $(e).attr('name') === element.attr('name'); 199 | }); 200 | element = radios.first(); 201 | } 202 | return element; 203 | }; 204 | 205 | incr = function(obj, pos, val) { 206 | var opp, temp; 207 | if (typeof val === 'string') { 208 | val = parseInt(val, 10); 209 | } else if (typeof val !== 'number') { 210 | return; 211 | } 212 | if (isNaN(val)) { 213 | return; 214 | } 215 | opp = positions[opposites[pos.charAt(0)]]; 216 | temp = pos; 217 | if (obj[opp] !== undefined) { 218 | pos = positions[opp.charAt(0)]; 219 | val = -val; 220 | } 221 | if (obj[pos] === undefined) { 222 | obj[pos] = val; 223 | } else { 224 | obj[pos] += val; 225 | } 226 | return null; 227 | }; 228 | 229 | realign = function(alignment, inner, outer) { 230 | if (alignment === 'l' || alignment === 't') { 231 | return 0; 232 | } else if (alignment === 'c' || alignment === 'm') { 233 | return outer / 2 - inner / 2; 234 | } else if (alignment === 'r' || alignment === 'b') { 235 | return outer - inner; 236 | } 237 | throw "Invalid alignment"; 238 | }; 239 | 240 | encode = function(text) { 241 | encode.e = encode.e || createElem("div"); 242 | return encode.e.text(text).html(); 243 | }; 244 | 245 | Notification = (function() { 246 | 247 | function Notification(elem, data, options) { 248 | if (typeof options === 'string') { 249 | options = { 250 | className: options 251 | }; 252 | } 253 | this.options = inherit(pluginOptions, $.isPlainObject(options) ? options : {}); 254 | this.loadHTML(); 255 | this.wrapper = $(coreStyle.html); 256 | this.wrapper.data(pluginClassName, this); 257 | this.arrow = this.wrapper.find("." + pluginClassName + "-arrow"); 258 | this.container = this.wrapper.find("." + pluginClassName + "-container"); 259 | this.container.append(this.userContainer); 260 | if (elem && elem.length) { 261 | this.elementType = elem.attr('type'); 262 | this.originalElement = elem; 263 | this.elem = getAnchorElement(elem); 264 | this.elem.data(pluginClassName, this); 265 | this.elem.before(this.wrapper); 266 | } 267 | this.container.hide(); 268 | this.run(data); 269 | } 270 | 271 | Notification.prototype.loadHTML = function() { 272 | var style; 273 | style = this.getStyle(); 274 | this.userContainer = $(style.html); 275 | return this.userFields = style.fields; 276 | }; 277 | 278 | Notification.prototype.show = function(show, userCallback) { 279 | var args, callback, elems, fn, hidden, _this = this; 280 | callback = function() { 281 | if (!show && !_this.elem) { 282 | _this.destroy(); 283 | } 284 | if (userCallback) { 285 | return userCallback(); 286 | } 287 | }; 288 | hidden = this.container.parent().parents(':hidden').length > 0; 289 | elems = this.container.add(this.arrow); 290 | args = []; 291 | if (hidden && show) { 292 | fn = 'show'; 293 | } else if (hidden && !show) { 294 | fn = 'hide'; 295 | } else if (!hidden && show) { 296 | fn = this.options.showAnimation; 297 | args.push(this.options.showDuration); 298 | } else if (!hidden && !show) { 299 | fn = this.options.hideAnimation; 300 | args.push(this.options.hideDuration); 301 | } else { 302 | return callback(); 303 | } 304 | args.push(callback); 305 | return elems[fn].apply(elems, args); 306 | }; 307 | 308 | Notification.prototype.setGlobalPosition = function() { 309 | var align, anchor, css, key, main, pAlign, pMain, position; 310 | position = this.getPosition(); 311 | pMain = position[0], pAlign = position[1]; 312 | main = positions[pMain]; 313 | align = positions[pAlign]; 314 | key = pMain + "|" + pAlign; 315 | anchor = globalAnchors[key]; 316 | if (!anchor) { 317 | anchor = globalAnchors[key] = createElem("div"); 318 | css = {}; 319 | css[main] = 0; 320 | if (align === 'middle') { 321 | css.top = '45%'; 322 | } else if (align === 'center') { 323 | css.left = '45%'; 324 | } else { 325 | css[align] = 0; 326 | } 327 | anchor.css(css).addClass("" + pluginClassName + "-corner"); 328 | $("body").append(anchor); 329 | } 330 | return anchor.prepend(this.wrapper); 331 | }; 332 | 333 | Notification.prototype.setElementPosition = function() { 334 | var arrowColor, arrowCss, arrowSize, color, contH, contW, css, elemH, elemIH, elemIW, elemPos, elemW, gap, mainFull, margin, opp, oppFull, pAlign, pArrow, pMain, pos, posFull, position, wrapPos, _i, _j, _len, _len1, _ref; 335 | position = this.getPosition(); 336 | pMain = position[0], pAlign = position[1], pArrow = position[2]; 337 | elemPos = this.elem.position(); 338 | elemH = this.elem.outerHeight(); 339 | elemW = this.elem.outerWidth(); 340 | elemIH = this.elem.innerHeight(); 341 | elemIW = this.elem.innerWidth(); 342 | wrapPos = this.wrapper.position(); 343 | contH = this.container.height(); 344 | contW = this.container.width(); 345 | mainFull = positions[pMain]; 346 | opp = opposites[pMain]; 347 | oppFull = positions[opp]; 348 | css = {}; 349 | css[oppFull] = pMain === 'b' ? elemH : pMain === 'r' ? elemW : 0; 350 | incr(css, 'top', elemPos.top - wrapPos.top); 351 | incr(css, 'left', elemPos.left - wrapPos.left); 352 | _ref = ['top', 'left']; 353 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { 354 | pos = _ref[_i]; 355 | margin = parseInt(this.elem.css("margin-" + pos), 10); 356 | if (margin) { 357 | incr(css, pos, margin); 358 | } 359 | } 360 | gap = Math.max(0, this.options.gap - (this.options.arrowShow ? arrowSize : 0)); 361 | incr(css, oppFull, gap); 362 | if (!this.options.arrowShow) { 363 | this.arrow.hide(); 364 | } else { 365 | arrowSize = this.options.arrowSize; 366 | arrowCss = $.extend({}, css); 367 | arrowColor = this.userContainer.css("border-color") || this.userContainer.css("background-color") || 'white'; 368 | for (_j = 0, _len1 = mainPositions.length; _j < _len1; _j++) { 369 | pos = mainPositions[_j]; 370 | posFull = positions[pos]; 371 | if (pos === opp) { 372 | continue; 373 | } 374 | color = posFull === mainFull ? arrowColor : 'transparent'; 375 | arrowCss["border-" + posFull] = "" + arrowSize + "px solid " + color; 376 | } 377 | incr(css, positions[opp], arrowSize); 378 | if (__indexOf.call(mainPositions, pAlign) >= 0) { 379 | incr(arrowCss, positions[pAlign], arrowSize * 2); 380 | } 381 | } 382 | if (__indexOf.call(vAligns, pMain) >= 0) { 383 | incr(css, 'left', realign(pAlign, contW, elemW)); 384 | if (arrowCss) { 385 | incr(arrowCss, 'left', realign(pAlign, arrowSize, elemIW)); 386 | } 387 | } else if (__indexOf.call(hAligns, pMain) >= 0) { 388 | incr(css, 'top', realign(pAlign, contH, elemH)); 389 | if (arrowCss) { 390 | incr(arrowCss, 'top', realign(pAlign, arrowSize, elemIH)); 391 | } 392 | } 393 | if (this.container.is(":visible")) { 394 | css.display = 'block'; 395 | } 396 | this.container.removeAttr('style').css(css); 397 | if (arrowCss) { 398 | return this.arrow.removeAttr('style').css(arrowCss); 399 | } 400 | }; 401 | 402 | Notification.prototype.getPosition = function() { 403 | var pos, text, _ref, _ref1, _ref2, _ref3, _ref4, _ref5; 404 | text = this.options.position || (this.elem ? this.options.elementPosition : this.options.globalPosition); 405 | pos = parsePosition(text); 406 | if (pos.length === 0) { 407 | pos[0] = 'b'; 408 | } 409 | if (_ref = pos[0], __indexOf.call(mainPositions, _ref) < 0) { 410 | throw "Must be one of [" + mainPositions + "]"; 411 | } 412 | if (pos.length === 1 || ((_ref1 = pos[0], __indexOf.call(vAligns, _ref1) >= 0) && (_ref2 = pos[1], __indexOf.call(hAligns, _ref2) < 0)) || ((_ref3 = pos[0], __indexOf.call(hAligns, _ref3) >= 0) && (_ref4 = pos[1], __indexOf.call(vAligns, _ref4) < 0))) { 413 | pos[1] = (_ref5 = pos[0], __indexOf.call(hAligns, _ref5) >= 0) ? 'm' : 'l'; 414 | } 415 | if (pos.length === 2) { 416 | pos[2] = pos[1]; 417 | } 418 | return pos; 419 | }; 420 | 421 | Notification.prototype.getStyle = function(name) { 422 | var style; 423 | if (!name) { 424 | name = this.options.style; 425 | } 426 | if (!name) { 427 | name = 'default'; 428 | } 429 | style = styles[name]; 430 | if (!style) { 431 | throw "Missing style: " + name; 432 | } 433 | return style; 434 | }; 435 | 436 | Notification.prototype.updateClasses = function() { 437 | var classes, style; 438 | classes = ['base']; 439 | if ($.isArray(this.options.className)) { 440 | classes = classes.concat(this.options.className); 441 | } else if (this.options.className) { 442 | classes.push(this.options.className); 443 | } 444 | style = this.getStyle(); 445 | classes = $.map(classes, function(n) { 446 | return "" + pluginClassName + "-" + style.name + "-" + n; 447 | }).join(' '); 448 | return this.userContainer.attr('class', classes); 449 | }; 450 | 451 | Notification.prototype.run = function(data, options) { 452 | var d, datas, name, type, value, _this = this; 453 | if ($.isPlainObject(options)) { 454 | $.extend(this.options, options); 455 | } else if ($.type(options) === 'string') { 456 | this.options.color = options; 457 | } 458 | if (this.container && !data) { 459 | this.show(false); 460 | return; 461 | } else if (!this.container && !data) { 462 | return; 463 | } 464 | datas = {}; 465 | if ($.isPlainObject(data)) { 466 | datas = data; 467 | } else { 468 | datas[blankFieldName] = data; 469 | } 470 | for (name in datas) { 471 | d = datas[name]; 472 | type = this.userFields[name]; 473 | if (!type) { 474 | continue; 475 | } 476 | if (type === 'text') { 477 | d = encode(d); 478 | if (this.options.breakNewLines) { 479 | d = d.replace(/\n/g, '
'); 480 | } 481 | } 482 | value = name === blankFieldName ? '' : '=' + name; 483 | find(this.userContainer, "[data-notify-" + type + value + "]").html(d); 484 | } 485 | this.updateClasses(); 486 | if (this.elem) { 487 | this.setElementPosition(); 488 | } else { 489 | this.setGlobalPosition(); 490 | } 491 | this.show(true); 492 | if (this.options.autoHide) { 493 | clearTimeout(this.autohideTimer); 494 | return this.autohideTimer = setTimeout(function() { 495 | return _this.show(false); 496 | }, this.options.autoHideDelay); 497 | } 498 | }; 499 | 500 | Notification.prototype.destroy = function() { 501 | return this.wrapper.remove(); 502 | }; 503 | 504 | return Notification; 505 | 506 | })(); 507 | 508 | $[pluginName] = function(elem, data, options) { 509 | if ((elem && elem.nodeName) || elem.jquery) { 510 | $(elem)[pluginName](data, options); 511 | } else { 512 | options = data; 513 | data = elem; 514 | new Notification(null, data, options); 515 | } 516 | return elem; 517 | }; 518 | 519 | $.fn[pluginName] = function(data, options) { 520 | $(this).each(function() { 521 | var inst; 522 | inst = getAnchorElement($(this)).data(pluginClassName); 523 | if (inst) { 524 | return inst.run(data, options); 525 | } else { 526 | return new Notification($(this), data, options); 527 | } 528 | }); 529 | return this; 530 | }; 531 | 532 | $.extend($[pluginName], { 533 | defaults: defaults, 534 | addStyle: addStyle, 535 | pluginOptions: pluginOptions, 536 | getStyle: getStyle, 537 | insertCSS: insertCSS 538 | }); 539 | 540 | $(function() { 541 | insertCSS(coreStyle.css).attr('id', 'core-notify'); 542 | return $(document).on('click notify-hide', "." + pluginClassName + "-wrapper", function(e) { 543 | var inst; 544 | inst = $(this).data(pluginClassName); 545 | if (inst && (inst.options.clickToHide || e.type === 'notify-hide')) { 546 | return inst.show(false); 547 | } 548 | }); 549 | }); 550 | 551 | }(window, document, jQuery)); 552 | 553 | $.notify.addStyle("bootstrap", { 554 | html: "

\n\n

", 555 | classes: { 556 | base: { 557 | "font-weight": "bold", 558 | "padding": "8px 15px 8px 14px", 559 | "text-shadow": "0 1px 0 rgba(255, 255, 255, 0.5)", 560 | "background-color": "#fcf8e3", 561 | "border": "1px solid #fbeed5", 562 | "border-radius": "4px", 563 | "white-space": "nowrap", 564 | "padding-left": "25px", 565 | "background-repeat": "no-repeat", 566 | "background-position": "3px 7px" 567 | }, 568 | error: { 569 | "color": "#B94A48", 570 | "background-color": "#F2DEDE", 571 | "border-color": "#EED3D7", 572 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=)" 573 | }, 574 | success: { 575 | "color": "#468847", 576 | "background-color": "#DFF0D8", 577 | "border-color": "#D6E9C6", 578 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutJREFUeNq0lctPE0Ecx38zu/RFS1EryqtgJFA08YCiMZIAQQ4eRG8eDGdPJiYeTIwHTfwPiAcvXIwXLwoXPaDxkWgQ6islKlJLSQWLUraPLTv7Gme32zoF9KSTfLO7v53vZ3d/M7/fIth+IO6INt2jjoA7bjHCJoAlzCRw59YwHYjBnfMPqAKWQYKjGkfCJqAF0xwZjipQtA3MxeSG87VhOOYegVrUCy7UZM9S6TLIdAamySTclZdYhFhRHloGYg7mgZv1Zzztvgud7V1tbQ2twYA34LJmF4p5dXF1KTufnE+SxeJtuCZNsLDCQU0+RyKTF27Unw101l8e6hns3u0PBalORVVVkcaEKBJDgV3+cGM4tKKmI+ohlIGnygKX00rSBfszz/n2uXv81wd6+rt1orsZCHRdr1Imk2F2Kob3hutSxW8thsd8AXNaln9D7CTfA6O+0UgkMuwVvEFFUbbAcrkcTA8+AtOk8E6KiQiDmMFSDqZItAzEVQviRkdDdaFgPp8HSZKAEAL5Qh7Sq2lIJBJwv2scUqkUnKoZgNhcDKhKg5aH+1IkcouCAdFGAQsuWZYhOjwFHQ96oagWgRoUov1T9kRBEODAwxM2QtEUl+Wp+Ln9VRo6BcMw4ErHRYjH4/B26AlQoQQTRdHWwcd9AH57+UAXddvDD37DmrBBV34WfqiXPl61g+vr6xA9zsGeM9gOdsNXkgpEtTwVvwOklXLKm6+/p5ezwk4B+j6droBs2CsGa/gNs6RIxazl4Tc25mpTgw/apPR1LYlNRFAzgsOxkyXYLIM1V8NMwyAkJSctD1eGVKiq5wWjSPdjmeTkiKvVW4f2YPHWl3GAVq6ymcyCTgovM3FzyRiDe2TaKcEKsLpJvNHjZgPNqEtyi6mZIm4SRFyLMUsONSSdkPeFtY1n0mczoY3BHTLhwPRy9/lzcziCw9ACI+yql0VLzcGAZbYSM5CCSZg1/9oc/nn7+i8N9p/8An4JMADxhH+xHfuiKwAAAABJRU5ErkJggg==)" 579 | }, 580 | info: { 581 | "color": "#3A87AD", 582 | "background-color": "#D9EDF7", 583 | "border-color": "#BCE8F1", 584 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFAhkSsdes/QAAA8dJREFUOMvVlGtMW2UYx//POaWHXg6lLaW0ypAtw1UCgbniNOLcVOLmAjHZolOYlxmTGXVZdAnRfXQm+7SoU4mXaOaiZsEpC9FkiQs6Z6bdCnNYruM6KNBw6YWewzl9z+sHImEWv+vz7XmT95f/+3/+7wP814v+efDOV3/SoX3lHAA+6ODeUFfMfjOWMADgdk+eEKz0pF7aQdMAcOKLLjrcVMVX3xdWN29/GhYP7SvnP0cWfS8caSkfHZsPE9Fgnt02JNutQ0QYHB2dDz9/pKX8QjjuO9xUxd/66HdxTeCHZ3rojQObGQBcuNjfplkD3b19Y/6MrimSaKgSMmpGU5WevmE/swa6Oy73tQHA0Rdr2Mmv/6A1n9w9suQ7097Z9lM4FlTgTDrzZTu4StXVfpiI48rVcUDM5cmEksrFnHxfpTtU/3BFQzCQF/2bYVoNbH7zmItbSoMj40JSzmMyX5qDvriA7QdrIIpA+3cdsMpu0nXI8cV0MtKXCPZev+gCEM1S2NHPvWfP/hL+7FSr3+0p5RBEyhEN5JCKYr8XnASMT0xBNyzQGQeI8fjsGD39RMPk7se2bd5ZtTyoFYXftF6y37gx7NeUtJJOTFlAHDZLDuILU3j3+H5oOrD3yWbIztugaAzgnBKJuBLpGfQrS8wO4FZgV+c1IxaLgWVU0tMLEETCos4xMzEIv9cJXQcyagIwigDGwJgOAtHAwAhisQUjy0ORGERiELgG4iakkzo4MYAxcM5hAMi1WWG1yYCJIcMUaBkVRLdGeSU2995TLWzcUAzONJ7J6FBVBYIggMzmFbvdBV44Corg8vjhzC+EJEl8U1kJtgYrhCzgc/vvTwXKSib1paRFVRVORDAJAsw5FuTaJEhWM2SHB3mOAlhkNxwuLzeJsGwqWzf5TFNdKgtY5qHp6ZFf67Y/sAVadCaVY5YACDDb3Oi4NIjLnWMw2QthCBIsVhsUTU9tvXsjeq9+X1d75/KEs4LNOfcdf/+HthMnvwxOD0wmHaXr7ZItn2wuH2SnBzbZAbPJwpPx+VQuzcm7dgRCB57a1uBzUDRL4bfnI0RE0eaXd9W89mpjqHZnUI5Hh2l2dkZZUhOqpi2qSmpOmZ64Tuu9qlz/SEXo6MEHa3wOip46F1n7633eekV8ds8Wxjn37Wl63VVa+ej5oeEZ/82ZBETJjpJ1Rbij2D3Z/1trXUvLsblCK0XfOx0SX2kMsn9dX+d+7Kf6h8o4AIykuffjT8L20LU+w4AZd5VvEPY+XpWqLV327HR7DzXuDnD8r+ovkBehJ8i+y8YAAAAASUVORK5CYII=)" 585 | }, 586 | warn: { 587 | "color": "#C09853", 588 | "background-color": "#FCF8E3", 589 | "border-color": "#FBEED5", 590 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC)" 591 | } 592 | } 593 | }); 594 | (function() { 595 | var App, error; 596 | 597 | $.notify.defaults({ 598 | position: 'bottom left' 599 | }); 600 | 601 | error = function(str) { 602 | return $.notify(str); 603 | }; 604 | 605 | App = angular.module("load-tester", []); 606 | 607 | App.controller('Input', function(scope) {}); 608 | 609 | App.controller('Output', function(scope) {}); 610 | 611 | App.run(function() {}); 612 | 613 | }).call(this); 614 | -------------------------------------------------------------------------------- /webui/src/scripts/controllers/load-tester.coffee: -------------------------------------------------------------------------------- 1 | App.controller 'Input', (scope) -> 2 | return 3 | 4 | App.controller 'Output', (scope) -> 5 | return 6 | 7 | 8 | # req = $.ajax 9 | # type: 'POST' 10 | # url: '/job' 11 | # timeout: 0 12 | # data: json 13 | 14 | # req.always (result, status, err) -> 15 | # $("button").html("Run").removeAttr("disabled") 16 | # if status is 'success' 17 | # output.val JSON.stringify result, null, 2 18 | # else 19 | # console.log result.responseText 20 | # error "Error: #{result.responseText}" 21 | 22 | -------------------------------------------------------------------------------- /webui/src/scripts/init.coffee: -------------------------------------------------------------------------------- 1 | #this file appears first 2 | 3 | $.notify.defaults {position:'bottom left'} 4 | error = (str) -> 5 | $.notify str 6 | 7 | App = angular.module "load-tester", [] -------------------------------------------------------------------------------- /webui/src/scripts/run.coffee: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | # $ -> 6 | 7 | # input = $(".input textarea") 8 | # output = $(".output textarea") 9 | # input.val DEFAULT_INPUT 10 | # req = null 11 | 12 | # $("button").click -> 13 | 14 | # req.abort() if req 15 | 16 | # json = input.val() 17 | 18 | # try 19 | # JSON.parse json 20 | # catch e 21 | # error "JSON Error: #{e}" 22 | # return 23 | 24 | # $("button").html("Loading...").attr("disabled","disabled") 25 | 26 | 27 | 28 | App.run () -> 29 | 30 | 31 | -------------------------------------------------------------------------------- /webui/src/scripts/vendor/notify.js: -------------------------------------------------------------------------------- 1 | /** Notify.js - v0.3.1 - 2013/07/05 2 | * http://notifyjs.com/ 3 | * Copyright (c) 2013 Jaime Pillora - MIT 4 | */ (function(window, document, $, undefined) { 5 | 'use strict'; 6 | 7 | var Notification, addStyle, blankFieldName, coreStyle, createElem, defaults, encode, find, findFields, getAnchorElement, getStyle, globalAnchors, hAligns, incr, inherit, insertCSS, mainPositions, opposites, parsePosition, pluginClassName, pluginName, pluginOptions, positions, realign, stylePrefixes, styles, vAligns, __indexOf = [].indexOf || 8 | function(item) { 9 | for (var i = 0, l = this.length; i < l; i++) { 10 | if (i in this && this[i] === item) return i; 11 | } 12 | return -1; 13 | }; 14 | 15 | pluginName = 'notify'; 16 | 17 | pluginClassName = pluginName + 'js'; 18 | 19 | blankFieldName = pluginName + "!blank"; 20 | 21 | positions = { 22 | t: 'top', 23 | m: 'middle', 24 | b: 'bottom', 25 | l: 'left', 26 | c: 'center', 27 | r: 'right' 28 | }; 29 | 30 | hAligns = ['l', 'c', 'r']; 31 | 32 | vAligns = ['t', 'm', 'b']; 33 | 34 | mainPositions = ['t', 'b', 'l', 'r']; 35 | 36 | opposites = { 37 | t: 'b', 38 | m: null, 39 | b: 't', 40 | l: 'r', 41 | c: null, 42 | r: 'l' 43 | }; 44 | 45 | parsePosition = function(str) { 46 | var pos; 47 | pos = []; 48 | $.each(str.split(/\W+/), function(i, word) { 49 | var w; 50 | w = word.toLowerCase().charAt(0); 51 | if (positions[w]) { 52 | return pos.push(w); 53 | } 54 | }); 55 | return pos; 56 | }; 57 | 58 | styles = {}; 59 | 60 | coreStyle = { 61 | name: 'core', 62 | html: "

\n\n

", 555 | classes: { 556 | base: { 557 | "font-weight": "bold", 558 | "padding": "8px 15px 8px 14px", 559 | "text-shadow": "0 1px 0 rgba(255, 255, 255, 0.5)", 560 | "background-color": "#fcf8e3", 561 | "border": "1px solid #fbeed5", 562 | "border-radius": "4px", 563 | "white-space": "nowrap", 564 | "padding-left": "25px", 565 | "background-repeat": "no-repeat", 566 | "background-position": "3px 7px" 567 | }, 568 | error: { 569 | "color": "#B94A48", 570 | "background-color": "#F2DEDE", 571 | "border-color": "#EED3D7", 572 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=)" 573 | }, 574 | success: { 575 | "color": "#468847", 576 | "background-color": "#DFF0D8", 577 | "border-color": "#D6E9C6", 578 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutJREFUeNq0lctPE0Ecx38zu/RFS1EryqtgJFA08YCiMZIAQQ4eRG8eDGdPJiYeTIwHTfwPiAcvXIwXLwoXPaDxkWgQ6islKlJLSQWLUraPLTv7Gme32zoF9KSTfLO7v53vZ3d/M7/fIth+IO6INt2jjoA7bjHCJoAlzCRw59YwHYjBnfMPqAKWQYKjGkfCJqAF0xwZjipQtA3MxeSG87VhOOYegVrUCy7UZM9S6TLIdAamySTclZdYhFhRHloGYg7mgZv1Zzztvgud7V1tbQ2twYA34LJmF4p5dXF1KTufnE+SxeJtuCZNsLDCQU0+RyKTF27Unw101l8e6hns3u0PBalORVVVkcaEKBJDgV3+cGM4tKKmI+ohlIGnygKX00rSBfszz/n2uXv81wd6+rt1orsZCHRdr1Imk2F2Kob3hutSxW8thsd8AXNaln9D7CTfA6O+0UgkMuwVvEFFUbbAcrkcTA8+AtOk8E6KiQiDmMFSDqZItAzEVQviRkdDdaFgPp8HSZKAEAL5Qh7Sq2lIJBJwv2scUqkUnKoZgNhcDKhKg5aH+1IkcouCAdFGAQsuWZYhOjwFHQ96oagWgRoUov1T9kRBEODAwxM2QtEUl+Wp+Ln9VRo6BcMw4ErHRYjH4/B26AlQoQQTRdHWwcd9AH57+UAXddvDD37DmrBBV34WfqiXPl61g+vr6xA9zsGeM9gOdsNXkgpEtTwVvwOklXLKm6+/p5ezwk4B+j6droBs2CsGa/gNs6RIxazl4Tc25mpTgw/apPR1LYlNRFAzgsOxkyXYLIM1V8NMwyAkJSctD1eGVKiq5wWjSPdjmeTkiKvVW4f2YPHWl3GAVq6ymcyCTgovM3FzyRiDe2TaKcEKsLpJvNHjZgPNqEtyi6mZIm4SRFyLMUsONSSdkPeFtY1n0mczoY3BHTLhwPRy9/lzcziCw9ACI+yql0VLzcGAZbYSM5CCSZg1/9oc/nn7+i8N9p/8An4JMADxhH+xHfuiKwAAAABJRU5ErkJggg==)" 579 | }, 580 | info: { 581 | "color": "#3A87AD", 582 | "background-color": "#D9EDF7", 583 | "border-color": "#BCE8F1", 584 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFAhkSsdes/QAAA8dJREFUOMvVlGtMW2UYx//POaWHXg6lLaW0ypAtw1UCgbniNOLcVOLmAjHZolOYlxmTGXVZdAnRfXQm+7SoU4mXaOaiZsEpC9FkiQs6Z6bdCnNYruM6KNBw6YWewzl9z+sHImEWv+vz7XmT95f/+3/+7wP814v+efDOV3/SoX3lHAA+6ODeUFfMfjOWMADgdk+eEKz0pF7aQdMAcOKLLjrcVMVX3xdWN29/GhYP7SvnP0cWfS8caSkfHZsPE9Fgnt02JNutQ0QYHB2dDz9/pKX8QjjuO9xUxd/66HdxTeCHZ3rojQObGQBcuNjfplkD3b19Y/6MrimSaKgSMmpGU5WevmE/swa6Oy73tQHA0Rdr2Mmv/6A1n9w9suQ7097Z9lM4FlTgTDrzZTu4StXVfpiI48rVcUDM5cmEksrFnHxfpTtU/3BFQzCQF/2bYVoNbH7zmItbSoMj40JSzmMyX5qDvriA7QdrIIpA+3cdsMpu0nXI8cV0MtKXCPZev+gCEM1S2NHPvWfP/hL+7FSr3+0p5RBEyhEN5JCKYr8XnASMT0xBNyzQGQeI8fjsGD39RMPk7se2bd5ZtTyoFYXftF6y37gx7NeUtJJOTFlAHDZLDuILU3j3+H5oOrD3yWbIztugaAzgnBKJuBLpGfQrS8wO4FZgV+c1IxaLgWVU0tMLEETCos4xMzEIv9cJXQcyagIwigDGwJgOAtHAwAhisQUjy0ORGERiELgG4iakkzo4MYAxcM5hAMi1WWG1yYCJIcMUaBkVRLdGeSU2995TLWzcUAzONJ7J6FBVBYIggMzmFbvdBV44Corg8vjhzC+EJEl8U1kJtgYrhCzgc/vvTwXKSib1paRFVRVORDAJAsw5FuTaJEhWM2SHB3mOAlhkNxwuLzeJsGwqWzf5TFNdKgtY5qHp6ZFf67Y/sAVadCaVY5YACDDb3Oi4NIjLnWMw2QthCBIsVhsUTU9tvXsjeq9+X1d75/KEs4LNOfcdf/+HthMnvwxOD0wmHaXr7ZItn2wuH2SnBzbZAbPJwpPx+VQuzcm7dgRCB57a1uBzUDRL4bfnI0RE0eaXd9W89mpjqHZnUI5Hh2l2dkZZUhOqpi2qSmpOmZ64Tuu9qlz/SEXo6MEHa3wOip46F1n7633eekV8ds8Wxjn37Wl63VVa+ej5oeEZ/82ZBETJjpJ1Rbij2D3Z/1trXUvLsblCK0XfOx0SX2kMsn9dX+d+7Kf6h8o4AIykuffjT8L20LU+w4AZd5VvEPY+XpWqLV327HR7DzXuDnD8r+ovkBehJ8i+y8YAAAAASUVORK5CYII=)" 585 | }, 586 | warn: { 587 | "color": "#C09853", 588 | "background-color": "#FCF8E3", 589 | "border-color": "#FBEED5", 590 | "background-image": "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC)" 591 | } 592 | } 593 | }); -------------------------------------------------------------------------------- /webui/src/styles/app.styl: -------------------------------------------------------------------------------- 1 | body, html 2 | padding 30px 3 | margin 0 4 | width 100% 5 | height 100% 6 | font-family: 'Roboto Condensed', sans-serif; 7 | 8 | *, *:before, *:after 9 | box-sizing border-box 10 | 11 | 12 | // font-family Courier 13 | // overflow hidden 14 | 15 | // .input 16 | // border-bottom thin solid black 17 | 18 | // .input, .output 19 | // height: 50% 20 | // textarea 21 | // font-family Courier 22 | // height 100% 23 | // width 100% 24 | // padding 10px 25 | // border none 26 | 27 | // .controls 28 | // position fixed 29 | // top 50% 30 | // left 10px 31 | // margin-top -10px -------------------------------------------------------------------------------- /webui/src/views/index.jade: -------------------------------------------------------------------------------- 1 | !!!5 2 | html 3 | head 4 | link(rel="stylesheet", href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.9.3/css/semantic.min.css") 5 | link(rel="stylesheet", href="//fonts.googleapis.com/css?family=Roboto+Condensed") 6 | link(rel="stylesheet", href="/css/app.css") 7 | 8 | body(ng-app="load-tester") 9 | 10 | a(href="https://github.com/jpillora/node-load-tester") 11 | img(style="position: absolute; z-index: 2; top: 0; right: 0; border: 0;",src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png",alt="Fork me on GitHub") 12 | 13 | 14 | 15 | 16 | .ui.vertical.segment 17 | .ui.huge.header node-load-tester 18 | 19 | .ui.form.green.segment 20 | .ui.ribbon.label Job 21 | 22 | .field 23 | label Origin (Protocol and Domain) 24 | .ui.small.left.labeled.action.icon.input 25 | input(type='text', placeholder='http://example.com') 26 | .ui.small.button Add another 27 | i.url.icon 28 | 29 | .ui.three.fields 30 | .field: .ui.small.input 31 | label Duration 32 | input(type='text', placeholder='5000') 33 | .field: .ui.small.input 34 | label Runs 35 | input(type='text', placeholder='5') 36 | .field: .ui.small.input 37 | label Connections 38 | input(type='text', placeholder='1') 39 | 40 | .ui.green.label Sequence 41 | 42 | .ui.raised.green.segment 43 | .ui.middle.aligned.three.column.grid 44 | .row 45 | .column 46 | .ui.small.input 47 | label Method 48 | input(type='text', placeholder='GET') 49 | .column 50 | .ui.small.input 51 | label Path 52 | input(type='text', placeholder='/') 53 | .column 54 | .ui.center.aligned.two.column.grid 55 | .row 56 | .column 57 | .ui.small.button Add Header 58 | .column 59 | .ui.small.button Add Form 60 | 61 | .ui.blue.submit.button Start 62 | 63 | .ui.form.red.segment 64 | .ui.ribbon.label Results 65 | 66 | .field 67 | label Origin (Protocol and Domain) 68 | .ui.small.left.labeled.icon.input 69 | input(type='text', placeholder='http://example.com') 70 | i.url.icon 71 | 72 | 73 | 74 | 75 | script. 76 | var DEFAULT_INPUT = !{JSON.stringify(showFile('../example/basic.json'))} 77 | 78 | script(src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery#{min}.js") 79 | script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular#{min}.js") 80 | //- script(src="//cdn.sockjs.org/sockjs-0.3.min.js") 81 | script(src="/js/app.js") 82 | 83 | --------------------------------------------------------------------------------