diff options
author | wout <wout@impinc.co.uk> | 2016-08-06 09:31:44 +0200 |
---|---|---|
committer | wout <wout@impinc.co.uk> | 2016-08-06 09:31:44 +0200 |
commit | d59532cd05f9c414c48e5e19c1c4ac050e187e43 (patch) | |
tree | 883b0f99308473bb5496472ba6e7bef0a08144e7 /bench/tests | |
parent | 0e23fcd9ef56f369763505dbb22c3f5ab23a0b17 (diff) | |
download | svg.js-d59532cd05f9c414c48e5e19c1c4ac050e187e43.tar.gz svg.js-d59532cd05f9c414c48e5e19c1c4ac050e187e43.zip |
Updated benchmarking system
Diffstat (limited to 'bench/tests')
-rw-r--r-- | bench/tests/10000-circles.js | 38 | ||||
-rw-r--r-- | bench/tests/10000-rects.js (renamed from bench/tests/element-creation.js) | 35 |
2 files changed, 56 insertions, 17 deletions
diff --git a/bench/tests/10000-circles.js b/bench/tests/10000-circles.js new file mode 100644 index 0000000..467c26a --- /dev/null +++ b/bench/tests/10000-circles.js @@ -0,0 +1,38 @@ +SVG.bench.describe('Generate 10000 circles', function(bench) { + bench.skip('using svg.js v2.3.4', function() { + for (var i = 0; i < 10000; i++) + bench.draw.circle(100,100) + }) + bench.skip('using vanilla js', function() { + for (var i = 0; i < 10000; i++) { + var circle = document.createElementNS(SVG.ns, 'circle') + circle.setAttributeNS(null, 'rx', 50) + circle.setAttributeNS(null, 'ry', 50) + bench.raw.appendChild(circle) + } + }) + bench.skip('using Snap.svg v0.41', function() { + for (var i = 0; i < 10000; i++) + bench.snap.circle(50, 50, 100, 100) + }) +}) + +SVG.bench.describe('Generate 10000 circles with fill', function(bench) { + bench.test('using svg.js v2.3.4', function() { + for (var i = 0; i < 10000; i++) + bench.draw.circle(100,100).fill('#f06') + }) + bench.test('using vanilla js', function() { + for (var i = 0; i < 10000; i++) { + var circle = document.createElementNS(SVG.ns, 'circle') + circle.setAttributeNS(null, 'rx', 50) + circle.setAttributeNS(null, 'ry', 50) + circle.setAttributeNS(null, 'fill', '#f06') + bench.raw.appendChild(circle) + } + }) + bench.test('using Snap.svg v0.41', function() { + for (var i = 0; i < 10000; i++) + bench.snap.circle(50, 50, 100, 100).attr('fill', '#f06') + }) +})
\ No newline at end of file diff --git a/bench/tests/element-creation.js b/bench/tests/10000-rects.js index f0e4143..d7b6303 100644 --- a/bench/tests/element-creation.js +++ b/bench/tests/10000-rects.js @@ -1,48 +1,50 @@ -(function(bench) { - var svgns = 'http://www.w3.org/2000/svg' - - bench.test('svg.js v2.3.4: generate 10000 rects', function() { +SVG.bench.describe('Generate 10000 rects', function(bench) { + bench.test('using svg.js v2.3.4', function() { for (var i = 0; i < 10000; i++) bench.draw.rect(100,100) }) - bench.test('native: generate 10000 rects', function() { + bench.test('using vanilla js', function() { for (var i = 0; i < 10000; i++) { - var rect = document.createElementNS(svgns, 'rect') + var rect = document.createElementNS(SVG.ns, 'rect') rect.setAttributeNS(null, 'height', 100) rect.setAttributeNS(null, 'width', 100) bench.raw.appendChild(rect) } }) - bench.test('Snap.svg v0.41: generate 10000 rects', function() { + bench.test('using Snap.svg v0.41', function() { for (var i = 0; i < 10000; i++) bench.snap.rect(50, 50, 100, 100) }) +}) - bench.test('svg.js v2.3.4: generate 10000 rects with fill', function() { +SVG.bench.describe('Generate 10000 rects with fill', function(bench) { + bench.test('using svg.js v2.3.4', function() { for (var i = 0; i < 10000; i++) bench.draw.rect(100,100).fill('#f06') }) - bench.test('native: generate 10000 rects with fill', function() { + bench.test('using vanilla js', function() { for (var i = 0; i < 10000; i++) { - var rect = document.createElementNS(svgns, 'rect') + var rect = document.createElementNS(SVG.ns, 'rect') rect.setAttributeNS(null, 'height', 100) rect.setAttributeNS(null, 'width', 100) rect.setAttributeNS(null, 'fill', '#f06') bench.raw.appendChild(rect) } }) - bench.test('Snap.svg v0.41: generate 10000 rects with fill', function() { + bench.test('using Snap.svg v0.41', function() { for (var i = 0; i < 10000; i++) bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') }) +}) - bench.test('svg.js v2.3.4: generate 10000 rects with position and fill', function() { +SVG.bench.describe('Generate 10000 rects with position and fill', function(bench) { + bench.test('using svg.js v2.3.4', function() { for (var i = 0; i < 10000; i++) bench.draw.rect(100,100).move(50,50).fill('#f06') }) - bench.test('native: generate 10000 rects with position and fill', function() { + bench.test('using vanilla js', function() { for (var i = 0; i < 10000; i++) { - var rect = document.createElementNS(svgns, 'rect') + var rect = document.createElementNS(SVG.ns, 'rect') rect.setAttributeNS(null, 'height', 100) rect.setAttributeNS(null, 'width', 100) rect.setAttributeNS(null, 'fill', '#f06') @@ -51,9 +53,8 @@ bench.raw.appendChild(rect) } }) - bench.test('Snap.svg v0.41: generate 10000 rects with fill and position', function() { + bench.test('using Snap.svg v0.41', function() { for (var i = 0; i < 10000; i++) bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') }) - -})(SVG.bench)
\ No newline at end of file +})
\ No newline at end of file |