Create full object from scratch
19 | 20 |$(selector).medea({});Simplest use of medea: turn object into form and vv
19 | 20 |$(selector).medea(object);19 | Uses Bootstrap modal to render form 20 | 21 |
22 | 23 |$(selector).medea(obj, {modal: true});"));
15 | wrapper.find("pre").append($(""));
16 | return wrapper;
17 | }
18 |
19 | function findAndPrepTargetElement(elementName) {
20 | var wrapper = $("#" + elementName);
21 | if(wrapper.find("pre").length === 0) {
22 | prepContainerForCode(elementName);
23 | }
24 | return wrapper.find("code");
25 | }
26 |
27 | function logEvent(container) {
28 | var target = findAndPrepTargetElement(container);
29 | return function(e) {
30 | target.append(parseEventName(e) + "\n");
31 | }
32 | }
33 |
34 | function logObjectChangeEvent(container) {
35 | var target = findAndPrepTargetElement(container);
36 | return function(e, obj) {
37 | target.html(prettyPrint(obj));
38 | }
39 | }
40 |
41 | function prettyPrintSource(obj, container) {
42 | var target = findAndPrepTargetElement(container);
43 | target.html(prettyPrint(obj));
44 | }
45 |
46 | var simpleObject = {
47 | firstName: "John",
48 | lastName: "Smith"
49 | };
50 |
51 | var testObject = {
52 | name: {
53 | firstName: "John",
54 | lastName: "Smith"
55 | },
56 | personal: {
57 | age: 42,
58 | likesIceCream: true
59 | },
60 | hobbies: [
61 | "football",
62 | "golf"
63 | ],
64 | address: {
65 | road: { number: "1", street: "the street" },
66 | town: "townington",
67 | county: "Shireshire"
68 | }
69 | };
70 |
71 | return {
72 | logEvent: logEvent,
73 | logObjectChangeEvent: logObjectChangeEvent,
74 | prettyPrint: prettyPrint,
75 | testObject: testObject,
76 | simpleObject: simpleObject,
77 | prettyPrintSource: prettyPrintSource
78 | };
79 |
80 | }());
81 |
--------------------------------------------------------------------------------
/test/spec/medea.usage.js:
--------------------------------------------------------------------------------
1 | describe("Medea", function() {
2 |
3 | describe("Usage", function() {
4 |
5 | it("should inject stylesheet once and only once", function() {
6 | medeaHelper.addTestContainer("test");
7 | $("#test").medea({});
8 | expect($("#medea-style").length).toEqual(1);
9 | $("#test").medea({});
10 | $("#test").medea({});
11 | expect($("#medea-style").length).toEqual(1);
12 | medeaHelper.removeTestContainer("test");
13 | });
14 |
15 | it("should error if input is not an object", function() {
16 | expect(function() { $("body").medea(999); }).toThrow("not an object");
17 | });
18 |
19 | it("should warn when no selection present", function() {
20 | medeaHelper.addTestContainer("test");
21 | var spy = spyOn(console,"warn");
22 | var obj = Medea.form2object("#nonexistent");
23 | expect(obj).toEqual({});
24 | expect(spy).toHaveBeenCalled();
25 | medeaHelper.removeTestContainer("test");
26 | });
27 |
28 | it("should warn when no inputs fields are present", function() {
29 | medeaHelper.addTestContainer("test");
30 | $("#test").html("");
31 | var spy = spyOn(console,"warn");
32 | var obj = Medea.form2object("#test");
33 | expect(obj).toEqual({});
34 | expect(spy).toHaveBeenCalled();
35 | medeaHelper.removeTestContainer("test");
36 | });
37 |
38 | it("should map fields into parent element with existing form tag", function() {
39 | medeaHelper.addTestContainer("test");
40 | var container = $("#test");
41 | container.append($("");
200 | var obj = Medea.form2object("form");
201 | expect(obj).toEqual({ iceCream: "99" });
202 | medeaHelper.removeTestContainer("test");
203 | });
204 |
205 | it("should convert integer form field to json", function() {
206 | medeaHelper.addTestContainer("test");
207 | $("#test").html("");
208 | var obj = Medea.form2object("form");
209 | expect(obj).toEqual({ iceCream: 99 });
210 | medeaHelper.removeTestContainer("test");
211 | });
212 |
213 | it("should convert array form field to json", function() {
214 | medeaHelper.addTestContainer("test");
215 | $("#test").html("");
216 | var obj = Medea.form2object("form");
217 | expect(obj).toEqual({ hobbies: ["tennis", "running"] });
218 | medeaHelper.removeTestContainer("test");
219 | });
220 |
221 | it("should convert float form field to json", function() {
222 | medeaHelper.addTestContainer("test");
223 | $("#test").html("");
224 | var obj = Medea.form2object("form");
225 | expect(obj).toEqual({ pi: 3.14159 });
226 | medeaHelper.removeTestContainer("test");
227 | });
228 |
229 | it("should convert boolean form field to json", function() {
230 | medeaHelper.addTestContainer("test");
231 | $("#test").html("");
232 | var obj = Medea.form2object("form");
233 | expect(obj).toEqual({ theCatIsDead: true });
234 | medeaHelper.removeTestContainer("test");
235 | });
236 |
237 | it("should convert multi boolean form field to json", function() {
238 | medeaHelper.addTestContainer("test");
239 | $("#test").html("");
243 | var obj = Medea.form2object("form");
244 | expect(obj).toEqual({ theCatIsAlive: true, theCatIsDead: false });
245 | medeaHelper.removeTestContainer("test");
246 | });
247 |
248 | });
249 |
250 | describe("Options", function() {
251 |
252 | it("should respect 'buttons' option", function() {
253 | medeaHelper.addTestContainer("test");
254 | $("#test").medea({});
255 | expect($("#test button").length).toEqual(3);
256 | medeaHelper.removeTestContainer("test");
257 | medeaHelper.addTestContainer("test");
258 | $("#test").medea({}, {buttons: false});
259 | expect($("#test button").length).toEqual(0);
260 | medeaHelper.removeTestContainer("test");
261 | });
262 |
263 | it("should respect 'id' option", function() {
264 | medeaHelper.addTestContainer("test");
265 | $("#test").medea({}, {id: "sumner"});
266 | expect($("#sumner").length).toEqual(1);
267 | medeaHelper.removeTestContainer("test");
268 | });
269 |
270 | it("should respect 'labelColumns' option", function() {
271 | medeaHelper.addTestContainer("test");
272 | $("#test").medea({
273 | testValue: 10
274 | },
275 | {
276 | id: "sumner",
277 | labelColumns: 3
278 | });
279 | expect($("#sumner label").hasClass("col-sm-3")).toEqual(true);
280 | medeaHelper.removeTestContainer("test");
281 | });
282 |
283 | it("should respect 'inputColumns' option", function() {
284 | medeaHelper.addTestContainer("test");
285 | $("#test").medea({
286 | testValue: 10
287 | },
288 | {
289 | id: "sumner",
290 | inputColumns: 8
291 | });
292 | expect($("#sumner div.form-group div").hasClass("col-sm-8")).toEqual(true);
293 | medeaHelper.removeTestContainer("test");
294 | });
295 |
296 | it("should respect 'noForm' option", function() {
297 | medeaHelper.addTestContainer("test");
298 | $("#test").append($("