1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
describe("Awesomplete.$.create", function () {
$.fixture("options");
subject(function () { return Awesomplete.$.create(this.tag, this.options || {}) });
def("tag", "div");
it("creates DOM element", function () {
expect(this.subject instanceof HTMLElement).toBe(true);
});
describe("with various tag names", function () {
it("creates <ul> element", function () {
this.tag = "ul";
expect(this.subject.tagName).toEqual("UL");
});
it("creates <li> element", function () {
this.tag = "li";
expect(this.subject.tagName).toEqual("LI");
});
});
describe("without options", function () {
it("creates element without any attributes", function () {
expect(this.subject.attributes.length).toEqual(0);
});
});
describe("with simple options", function () {
it("assigns properties", function () {
this.options = { id: "id1", className: "class-name" };
expect(this.subject.id).toEqual("id1");
expect(this.subject.className).toEqual("class-name");
});
it("assigns attributes", function () {
this.options = { attr1: "val1", attr2: "val2" };
expect(this.subject.getAttribute("attr1")).toEqual("val1");
expect(this.subject.getAttribute("attr2")).toEqual("val2");
});
});
describe("with option for boolean attribute/property", function () {
it("assigns from true value", function () {
this.options = { hidden: true };
expect(this.subject.hasAttribute("hidden")).toBe(true);
});
it("assigns from truthy value", function () {
this.options = { hidden: "hidden" };
expect(this.subject.hasAttribute("hidden")).toBe(true);
});
it("assigns from false value", function () {
this.options = { hidden: false };
expect(this.subject.hasAttribute("hidden")).toBe(false);
});
it("assigns from falsy value", function () {
this.options = { hidden: "" };
expect(this.subject.hasAttribute("hidden")).toBe(false);
});
});
describe("with inside: option", function () {
it("appends to container by element", function () {
this.options = { inside: $("#data-list") };
expect(this.subject).toEqual(this.options.inside.lastChild);
});
it("appends to container by selector", function () {
this.options = { inside: "#data-list" };
expect(this.subject).toEqual($(this.options.inside).lastChild);
});
});
describe("with around: option", function () {
it("wraps specified element", function () {
this.options = { around: $("#no-options") };
var originalParent = this.options.around.parentNode;
expect(this.subject.parentNode).toEqual(originalParent);
expect(this.subject.firstChild).toEqual(this.options.around);
});
it("wraps element specified by selector", function () {
this.options = { around: "#no-options" };
var originalParent = $(this.options.around).parentNode;
expect(this.subject.parentNode).toEqual(originalParent);
expect(this.subject.firstChild).toEqual($(this.options.around));
});
});
});
|
