Async init() test and example.
authorJason Skomorowski <jason@indexdata.com>
Thu, 21 Aug 2014 18:15:18 +0000 (14:15 -0400)
committerJason Skomorowski <jason@indexdata.com>
Thu, 21 Aug 2014 18:15:18 +0000 (14:15 -0400)
examples/htdocs/async.html [new file with mode: 0644]
test/spec/mkws-pazpar2.js

diff --git a/examples/htdocs/async.html b/examples/htdocs/async.html
new file mode 100644 (file)
index 0000000..e89cf48
--- /dev/null
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>MKWS demo: Async feeling.</title>
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/jquery.json-2.4.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/handlebars-v1.1.2.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/pazpar2/js/pz2.js"></script>
+    <script type="text/javascript" src="http://mkws.local/mkws.js"></script>
+    <link rel="stylesheet" type="text/css" href="mkws-widget-reference.css" />
+  </head>
+  <body>
+    <div id="first"></div>
+    <script type="text/javascript">
+      $("#first").html("<div class='mkwsReference' autosearch='one' sentences='1'>result will appear here</div>");
+      mkws.init("First div", "#first");
+    </script>
+    <div id="second"></div>
+    <script type="text/javascript">
+      $("#second").html("<div class='mkwsReference' autosearch='two' sentences='1'>result will appear here</div>");
+      mkws.init("Second div", document.getElementById("second"));
+    </script>
+    <div id="third"></div>
+    <script type="text/javascript">
+      $("#third").html("<div class='mkwsReference' autosearch='three' sentences='1'>result will appear here</div>");
+      mkws.init("Third div", "#third");
+    </script>
+    <div class='mkwsReference' autosearch='four' sentences='1'>This would have been four but we're not searching it.</div>
+  </body>
+</html>
index eb25086..2e49726 100644 (file)
@@ -728,6 +728,17 @@ describe("Check SortBy options", function () {
     });
 });
 
+describe("Check async widget discovery", function () {
+  var $ = mkws.$;
+  it("initialises a new widget", function() {
+    $("div.mkwsSearch").after('<div id="asyncSearch"><div id="asyncSearch" class="mkwsSearch mkwsTeam_async"></div></div>');
+    mkws.init("Another search box");
+    // mkws.init("Another search box", "#asyncSearch");
+    waitsFor(function () {
+      return $("#asyncSearch input").length >= 1 ? true : false;
+    }, "Call init() to build an .mkwsSearch", 750);
+  });
+});
 
 /* done */
 describe("All tests are done", function () {