summaryrefslogtreecommitdiffstats
path: root/test/helpers/createSpec.js
diff options
context:
space:
mode:
Diffstat (limited to 'test/helpers/createSpec.js')
-rw-r--r--test/helpers/createSpec.js102
1 files changed, 102 insertions, 0 deletions
diff --git a/test/helpers/createSpec.js b/test/helpers/createSpec.js
new file mode 100644
index 0000000..a9ef31e
--- /dev/null
+++ b/test/helpers/createSpec.js
@@ -0,0 +1,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));
+ });
+ });
+});