Changeset 1867

Timestamp:

2011-02-24 08:51:02 (15 months ago)

Author:

karel

Message:

Added testcase for #417 (adding a child to a collection control)

File:

• trunk/modules/kauri-forms/kauri-forms-framework/src/test/kauri.forms/test-collection.js (modified) (1 diff)

trunk/modules/kauri-forms/kauri-forms-framework/src/test/kauri.forms/test-collection.js

@@ -272 +272 @@
     $main.html("").hide();
 });
+
+test("collection 'add' button (trac #417)", function() {
+    // create
+    var $main = $('#main').show();
+
+    var id = "tcoll4";
+    var fconf = { "members": {}};
+    var fconf = {
+        "members": {
+            "tcoll4": {
+                "base": "collection",
+                "label": "Countries",
+                "control": {
+                    "base": "collection-control",
+                    "templates" : {
+                              "layout": "<div kauri-role='input' style='border-style: dashed; border-width: 1px; margin: 10px; padding: 10px;'><span kauri-role='label'/><span kauri-role='control'/><span kauri-role='messages'/><input type='button' kauri-role='delete' value='Delete'/></div>",
+                              "control": "<div kauri-role='container' ></div><input type='button' kauri-role='add' value='Add'></div>"
+                          }
+                },
+                "child": {
+                    "members": {
+                        "name": "string",
+                        "capital": "string",
+                        "area": "integer"
+                    }
+                }
+            }
+        }
+    }
+
+    var $form = $("<form />").appendTo($main);
+    var form = new $.org.kauriproject.forms.Form($form, fconf);
+    
+    expect(6);
+
+    // verify creation of control
+    var c = form.findControl(id);
+
+    // baseline checks
+    ok(c != null, "control creation passed");
+    equals(c.getForm(), form, "control form ok");
+    equals(c.getId(), id, "control id checked");
+    
+    // test that there are 0 children initially
+    equals(0, c.getChildren().length, "collection control should have 0 children");
+
+    // find the 'ads' button and click it
+    var $addButton = $form.find("input[kauri-role='add']"); // this doesn't work (why?)
+    ok($addButton.length == 1, "found the add button");
+
+    $addButton.click();
+
+    // test that there is a child.
+    equals(1, c.getChildren().length, "collection control should have one element");
+
+    // cleanup
+    $main.html("").hide();
+});