Add some test pages to check renderJS memory consumption.

fb8ef9d1 · Romain Courteaud · 6d7b391f · fb8ef9d1 · fb8ef9d1 · fb8ef9d1
Commit fb8ef9d1 authored Oct 25, 2017 by Romain Courteaud
8 changed files
--- a/perf/declareGadget.html
+++ b/perf/declareGadget.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Memory consumption for declareGadget</title>
+    <meta name="viewport" content="width=device-width, height=device-height"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../node_modules/rsvp/dist/rsvp-2.0.4.js" type="text/javascript"></script>
+    <script src="../dist/renderjs-latest.js" type="text/javascript"></script>
+    <script src="declareGadget.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
--- a/perf/declareGadget.js
+++ b/perf/declareGadget.js
+/*jslint nomen: true*/
+(function (window, rJS) {
+  "use strict";
+
+  rJS(window)
+    .onLoop(function createNewChildOnLoop() {
+      var gadget = this;
+      return this.declareGadget('sub1.html', {scope: 'foo'})
+        .push(function (sub_gadget) {
+          var div = gadget.element.querySelector('div');
+          while (div.firstChild) {
+            div.removeChild(div.firstChild);
+          }
+          div.appendChild(sub_gadget.element);
+        });
+    });
+
+}(window, rJS));
--- a/perf/method.html
+++ b/perf/method.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Memory consumption for declareMethd</title>
+    <meta name="viewport" content="width=device-width, height=device-height"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../node_modules/rsvp/dist/rsvp-2.0.4.js" type="text/javascript"></script>
+    <script src="../dist/renderjs-latest.js" type="text/javascript"></script>
+    <script src="method.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
--- a/perf/method.js
+++ b/perf/method.js
+/*jslint nomen: true*/
+(function (window, rJS) {
+  "use strict";
+
+
+  rJS(window)
+    .declareMethod('doNothing', function doNothing() {
+      return;
+    })
+    .onLoop(function iterateLoop() {
+      return this.doNothing();
+    });
+
+}(window, rJS));
--- a/perf/onloop.html
+++ b/perf/onloop.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Memory consumption for onLoop</title>
+    <meta name="viewport" content="width=device-width, height=device-height"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../node_modules/rsvp/dist/rsvp-2.0.4.js" type="text/javascript"></script>
+    <script src="../dist/renderjs-latest.js" type="text/javascript"></script>
+    <script src="onloop.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div></div>
+  </body>
+</html>
--- a/perf/onloop.js
+++ b/perf/onloop.js
+/*jslint nomen: true*/
+(function (window, rJS) {
+  "use strict";
+
+
+  rJS(window)
+    .declareMethod('doNothing', function doNothing() {
+      return;
+    })
+    .onLoop(function iterateLoop() {
+      return new RSVP.Queue();
+    });
+
+}(window, rJS));
--- a/perf/sub1.html
+++ b/perf/sub1.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Sub1 gadget</title>
+    <meta name="viewport" content="width=device-width, height=device-height"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../node_modules/rsvp/dist/rsvp-2.0.4.js" type="text/javascript"></script>
+    <script src="../dist/renderjs-latest.js" type="text/javascript"></script>
+  </head>
+  <body>
+    Subgadget 1
+    <div data-gadget-url="sub2.html"></div>
+  </body>
+</html>
--- a/perf/sub2.html
+++ b/perf/sub2.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Sub2 gadget</title>
+    <meta name="viewport" content="width=device-width, height=device-height"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="../node_modules/rsvp/dist/rsvp-2.0.4.js" type="text/javascript"></script>
+    <script src="../dist/renderjs-latest.js" type="text/javascript"></script>
+  </head>
+  <body>
+Foobar
+  </body>
+</html>