RubyGems - wpa_cli_web - Versions diffs - 0.0.5 → 0.0.6 - Mend

wpa_cli_web 0.0.5 → 0.0.6

Files changed (112) hide show

data/lib/wpa_cli_web/public/bower_components/qwery/tests/benchmarks.html ADDED Viewed

@@ -0,0 +1,220 @@
+<!DOCTYPE HTML>
+<html lang="en-us">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Qwery Benchmarks</title>
+    <style type="text/css">
+      body {
+        width: 700px;
+        margin: 0 auto;
+        font: 300 16px 'helvetica neue', helvetica, arial;
+        text-shadow: 0 2px 2px #CCC;
+      }
+      ul,li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
+      li {
+        font-size: 16px;
+      }
+      h1, h2 {
+        margin: 0;
+        font-weight: normal;
+        font-size: 30px;
+      }
+      h2 {
+        font-size: 20px;
+      }
+      .result {
+        background-color: lightGreen;
+        margin-top: 15px;
+        padding: 10px;
+        border-radius: 10px;
+        box-shadow: 0 0 5px #ccc;
+      }
+      .result div {
+        padding: 7px;
+        border-radius: 5px;
+        background-color: #BDFCC9;
+      }
+      .win {
+        color: rgb(0, 125, 0);
+        font-weight: bold;
+      }
+    </style>
+    <script src="../vendor/nw.js"></script>
+    <script src="../vendor/sizzle.js"></script>
+    <script src="../src/qwery.js"></script>
+    <script type="text/javascript">
+      var qwerynew = qwery
+    </script>
+    <script src="../qwery.js"></script>
+    <script type="text/javascript">
+      var qweryold = qwery
+    </script>
+  </head>
+  <body>
+    <h1>Selector Benchmarks</h1>
+    <div id="results"></div>
+    <div foo="bar"></div>
+    <div class="a"></div>
+    <div id="boosh">
+      <div class="a b">
+        <div class="d e" test="fg" id="booshTest">
+          <div class="a b"></div>
+        </div>
+        <em test="f g"></em>
+        <span class="h i a"></span>
+      </div>
+    </div>
+    <div id="attr-test1" -data-attr></div>
+    <div id="attr-test2" -data-attr></div>
+    <div id="attr-test3" class="found you" -data-attr title="whatup duders">
+      <span></span>
+      <em></em>
+    </div>
+    <script type="text/javascript">
+       var tests = [
+              { name: 'Mixed bag', tests: [
+                  'div .a'
+                , 'div'
+                , 'div#attr-test3.found.you[title="whatup duders"]'
+                , '#boosh'
+                , '.a'
+                , 'div.a'
+                , '#boosh .a'
+              ]}
+            , { name: 'Simple tags and classes', tests: [
+                  'div .a'
+                , 'div'
+                , '.a'
+                , 'div.a'
+              ]}
+            , { name: 'Simple IDs', tests: [
+                  '#boosh'
+                , '#boosh .a'
+                , 'div#boosh'
+                , 'div#boosh .h'
+              ]}
+            , { name: 'Attributes', tests: [
+                  'div#attr-test3.found.you[title="whatup duders"]'
+                , '[test]'
+                , 'div[class="d e"]'
+                , 'div[title="whatup duders"] span'
+              ]}
+            , { name: 'Groups', tests: [
+                  'div .a, div, #boosh, .a, div.a, #boosh a'
+                , '[test], div[class="d e"], div[title="whatup duders"] span'
+                , '#boosh .h, .a>.e>.b,#booshTest>.b'
+              ]}
+            , { name: 'Relationships', tests: [
+                  '.b > .e .a'
+                , 'div > .a > .e ~ span'
+              ]}
+          ]
+       var libs = [
+              { fn: Sizzle, id: 'Sizzle' }
+            , { fn: NW.Dom.select, id: 'NW' }
+            , { fn: qwerynew, id: 'Qwery (new)' }
+            , { fn: qweryold, id: 'Qwery (old)' }
+          ]
+      var libidx = 0, testidx = 0, iterations
+      function calibrate() {
+        var start = +new Date
+        for (var i = 0; i < libs.length; i++) {
+          var lstart = +new Date
+          for (var j = 0; j < 50; j++) {
+            for (var k = 0; k < tests[testidx].tests.length; k++) {
+              libs[i].fn(tests[testidx].tests[k]);
+            }
+          }
+          libs[i].times[testidx] = +new Date - lstart
+        }
+        iterations = Math.round(1 / (+new Date - start) * 50000)
+        iterations = Math.min(10000, Math.max(10, iterations))
+      }
+      function setup() {
+        var r = document.createElement('div'), html
+        r.setAttribute('id', 'result_' + testidx)
+        r.className = 'result'
+        html = '<div><h2>Benchmark: <i>' + tests[testidx].name + '</i> (' + iterations + ' iterations)</h2><ul>'
+        for (var i = 0; i < libs.length; i++) {
+          html += '<li>' + libs[i].id + ': <span id="result_' + testidx + '_' + i + '"></span></li>'
+        }
+        html += '</ul></div>'
+        r.innerHTML = html
+        document.getElementById('results').appendChild(r)
+      }
+      function upd(t, l, txt) {
+        document.getElementById('result_' + t + '_' + l).innerHTML = txt
+      }
+      function win(t, l) {
+        var el = document.getElementById('result_' + t + '_' + l).parentNode
+        el.className = 'win'
+        el.innerHTML = '&raquo; ' + el.innerHTML + ' &laquo;'
+      }
+      function markWinner() {
+        var j, winner = -1
+        for (j = 0; j < libs.length; j++) {
+          if (winner === -1 || libs[j].times[testidx] < libs[winner].times[testidx])
+            winner = j
+        }
+        win(testidx, winner)
+      }
+      function runner() {
+        var i = 0, j, start = +new Date
+        if (!testidx && !libidx) {
+          for (j = 0; j < libs.length; j++) libs[j].times = []
+        }
+        if (libidx === 0) {
+          calibrate()
+          setup()
+        }
+        while (i++ < iterations) {
+          for (j = 0; j < tests[testidx].tests.length; j++) {
+            var r = libs[libidx].fn(tests[testidx].tests[j])
+            if (!r || r.length == 0) {
+              alert('something went wrong with ' + libs[libidx].id + ' on test ' + tests[testidx].tests[j])
+              i = iterations
+              break
+            }
+          }
+        }
+        libs[libidx].times[testidx] += +new Date - start
+        upd(testidx, libidx, libs[libidx].times[testidx] + ' ms')
+        if (!libs[++libidx]) {
+          markWinner()
+          libidx = 0
+          testidx++
+        }
+        if (tests[testidx])
+          setTimeout(runner, 0)
+      }
+      runner()
+    </script>
+  </body>
+</html>

data/lib/wpa_cli_web/public/bower_components/qwery/tests/index.html ADDED Viewed

@@ -0,0 +1,132 @@
+<!DOCTYPE HTML>
+<html lang="en-us">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Qwery tests</title>
+    <style type="text/css">
+      #fixtures {
+        position: absolute;
+        top: -9999px;
+      }
+    </style>
+    <link rel="stylesheet" href="../node_modules/sink-test/src/sink.css" type="text/css">
+    <script src="../node_modules/sink-test/src/sink.js"></script>
+    <script src="../src/qwery.js"></script>
+    <script src="../pseudos/qwery-pseudos.js"></script>
+    <script type="text/javascript">
+      var Q = qwery
+    </script>
+  </head>
+  <body>
+    <h1>Qwery Tests</h1>
+    <div id="fixtures">
+      <ol id="list">
+        <li>hello</li>
+        <li>world</li>
+        <ol>
+          <li>world</li>
+          <li id="attr-child-boosh" attr="boosh">hello</li>
+        </ol>
+        <li>humans</li>
+      </ol>
+      <div id="spaced-tokens">
+        <p><em><a href="#"></a></em></p>
+        <p></p>
+      </div>
+      <div id="pseudos">
+        <div class="odd pseudos pseudo-1"></div>
+        <div class="even pseudos pseudo-2"></div>
+        <div class="odd"></div>
+        <div class="even"></div>
+        <a class="odd"></a>
+        <div class="even"></div>
+        <div class="odd"></div>
+      </div>
+      <div foo="bar"></div>
+      <div class="a"></div>
+      <div class="class-with-dashes"></div>
+      <div id="boosh">
+        <!-- comment -->
+        <!-- comment -->
+        <div class="a b">
+          <div class="d e" test="fg" id="booshTest"></div>
+          <!-- comment -->
+          <em nopass="copyrighters" rel="copyright booshrs" test="f g"></em>
+          <span class="h i a"></span>
+        </div>
+        <!-- comment -->
+      </div>
+      <div id="lonelyBoosh"></div>
+      <div id="attr-test1" -data-attr></div>
+      <div id="attr-test2" -data-attr></div>
+      <div id="attr-test3" class="found you" -data-attr title="whatup duders"></div>
+      <div id="attributes">
+        <div test="one" unique-test="baz" id="attr-test-1"></div>
+        <div test="two-foo" id="attr-test-2"></div>
+        <div test=" three " id="attr-test-3"></div>
+        <a href="#aname" id="attr-test-4">aname</a>
+      </div>
+      <div class="idless">
+        <div class="tokens" title="one" id="token-one"></div>
+        <div class="tokens" title="one two" id="token-two"></div>
+        <div class="tokens" title="one two three #%" id="token-three">
+          <a href="foo"  id="token-four">
+            <div id="token-five"></div>
+          </a>
+        </div>
+      </div>
+      <div id="order-matters" class="order-matters">
+        <p class="order-matters"></p>
+        <a class="order-matters">
+          <em class="order-matters"></em><b class="order-matters"></b>
+        </a>
+      </div>
+      <div id="direct-descend" class="oogabooga">
+        <div></div>
+        <div class="direct-descend">
+          <span></span>
+          <div class="direct-descend">
+            <div class="lvl2" id="toodeep"><span></span></div>
+          </div>
+	  <div class="direct-descend"><span></span></div>
+          <div class="lvl2" id="l2">
+            <span></span>
+            <div class="direct-descend"><span></span></div>
+          </div>
+          <div class="lvl2" id="l3"></div>
+        </div>
+        <div class="ignoreme"></div>
+        <div class="direct-descend">
+          <div class="direct-descend"></div>
+          <div class="lvl2" id="l4"></div>
+        </div>
+        <div></div>
+      </div>
+      <div id="sibling-selector"></div>
+      <div class="sibling-selector" id="sib1">
+       <div class="sibling-selector"></div>
+       <div class="sibling-selector"></div>
+      </div>
+      <div class="sibling-selector" id="sib2">
+       <div class="sibling-selector">
+         <div class="sibling-selector"></div>
+       </div>
+      </div>
+      <div class="parent">
+        <h1 class="sibling oldest"></h1>
+        <h2 class="sibling older"></h2>
+        <h3 class="sibling middle"></h3>
+        <h4 class="sibling younger"></h4>
+        <h5 class="sibling youngest"></h5>
+      </div>
+      <form>
+        <button></button>
+        <input type="text">
+        <input type="hidden">
+      </form>
+    </div>
+     <ol id="tests"></ol>
+     <iframe id="frame" style="width: 0; height: 0; margin-left: -1000px;"></iframe>
+     <script src="tests.js"></script>
+  </body>
+</html>

data/lib/wpa_cli_web/public/bower_components/qwery/tests/mobile.html ADDED Viewed

@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<html lang="en-us">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Qwery tests</title>
+    <link rel="stylesheet" href="../build/sink/src/sink.css" type="text/css">
+    <script src="../build/sink/src/sink.js"></script>
+    <script type="text/javascript">
+      // test for noConflict()
+      var qwery = function () {
+        return 'success';
+      };
+    </script>
+    <script src="../mobile/qwery-mobile.js"></script>
+    <script type="text/javascript">
+      var Q = qwery.noConflict();
+    </script>
+  </head>
+  <body>
+    <h1>Qwery Tests</h1>
+      <div foo="bar"></div>
+      <div class="a"></div>
+      <div class="class-with-dashes"></div>
+      <div id="boosh">
+        <div class="a b">
+          <div class="d e" test="fg" id="booshTest"></div>
+          <em nopass="copyrighters" rel="copyright booshrs" test="f g"></em>
+          <span class="h i a"></span>
+        </div>
+      </div>
+      <div id="attr-test1" -data-attr></div>
+      <div id="attr-test2" -data-attr></div>
+      <div id="attr-test3" class="found you" -data-attr title="whatup duders"></div>
+      <div id="attributes">
+        <div test="one" unique-test="baz" id="attr-test-1"></div>
+        <div test="two-foo" id="attr-test-2"></div>
+        <div test=" three " id="attr-test-3"></div>
+      </div>
+      <div>
+        <div class="tokens" title="one" id="token-one"></div>
+        <div class="tokens" title="one two" id="token-two"></div>
+        <div class="tokens" title="one two three #%" id="token-three">
+          <a href="foo"  id="token-four">
+            <div id="token-five"></div>
+          </a>
+        </div>
+      </div>
+      <div id="order-matters">
+        <p class="order-matters"></p>
+        <a class="order-matters">
+          <em class="order-matters"></em><b class="order-matters"></b>
+        </a>
+      </div>
+     <ol id="tests"></ol>
+     <script src="tests.js"></script>
+  </body>
+</html>

data/lib/wpa_cli_web/public/bower_components/qwery/tests/phantom.js ADDED Viewed

@@ -0,0 +1,43 @@
+var page = new WebPage()
+  , url = "http://localhost:3000/tests/index.html"
+var fs = require("fs");
+function waitFor(testFx, onReady, timeOutMillis) {
+  var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10000
+    , start = new Date().getTime()
+    , condition = false
+    , interval = setInterval(function() {
+        var diff = new Date().getTime() - start
+        if ( (diff < maxtimeOutMillis) && !condition ) {
+          condition = testFx()
+        } else {
+          if (!condition) {
+            console.log("'waitFor()' timeout")
+            phantom.exit(1)
+          } else {
+            console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms");
+            onReady()
+            clearInterval(interval)
+          }
+        }
+      }, 250)
+}
+page.open(url, function (status) {
+  waitFor(function() {
+    var result = page.evaluate(function () {
+      return document.querySelectorAll('.sink-pass').length
+    })
+    var result2 = page.evaluate(function () {
+        return document.querySelectorAll('.pass').length
+      })
+    return !!result
+  }
+, function() {
+    console.log("qwery tests have passed")
+    phantom.exit(0)
+  })
+})