From 2d11717fe6ccd6b420f2faa5d56e3064e8574d18 Mon Sep 17 00:00:00 2001
From: wout <wout@impinc.co.uk>
Date: Tue, 21 Feb 2017 11:47:38 +0100
Subject: Added paths to bench

---
 bench/runner.html          |  4 +++-
 bench/tests/10000-paths.js | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 bench/tests/10000-paths.js

(limited to 'bench')
diff --git a/bench/runner.html b/bench/runner.html
index e70666c..31b97c1 100644
--- a/bench/runner.html
+++ b/bench/runner.html
@@ -3,8 +3,9 @@
 <head>
   <title>SVG.js benchmarker</title>
   <style>
+    @import url('https://fonts.googleapis.com/css?family=Inconsolata');
     body {
-      font-family: 'Menlo', monospace;
+      font-family: 'Inconsolata', 'Menlo', monospace;
       font-weight: 300;
       color: #999;
       font-size: 14px;
@@ -41,6 +42,7 @@
   <script src="svg.bench.js"></script>
   <script src="tests/10000-rects.js"></script>
   <script src="tests/10000-circles.js"></script>
+  <script src="tests/10000-paths.js"></script>
   <script>
     SVG.bench.run()
   </script>
diff --git a/bench/tests/10000-paths.js b/bench/tests/10000-paths.js
new file mode 100644
index 0000000..378cb29
--- /dev/null
+++ b/bench/tests/10000-paths.js
@@ -0,0 +1,19 @@
+SVG.bench.describe('Generate 10000 paths', function(bench) {
+  var data = 'M 100 200 C 200 100 300  0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100'
+
+  bench.test('using SVG.js v2.4.0', function() {
+    for (var i = 0; i < 10000; i++)
+      bench.draw.path(data)
+  })
+  bench.test('using vanilla js', function() {
+    for (var i = 0; i < 10000; i++) {
+      var path = document.createElementNS(SVG.ns, 'path')
+      path.setAttributeNS(null, 'd', data)
+      bench.raw.appendChild(path)
+    }
+  })
+  bench.test('using Snap.svg v0.5.1', function() {
+    for (var i = 0; i < 10000; i++)
+      bench.snap.path(data)
+  })
+})
\ No newline at end of file
-- 
cgit v1.2.3

