add data-placeholder specs

harvesthq · Oct 11, 2016 · 9e16752 · 9e16752
1 parent 36c0617
commit 9e16752
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 0 deletions.
diff --git a/spec/jquery/basic.spec.coffee b/spec/jquery/basic.spec.coffee
@@ -31,3 +31,36 @@ describe "Basic setup", ->
 
     expect(select.val()).toBe "Afghanistan"
 
+  describe "data-placeholder", ->
+
+    it "should render", ->
+      tmpl = "
+        <select data-placeholder='Choose a Country...'>
+          <option value=''></option>
+          <option value='United States'>United States</option>
+          <option value='United Kingdom'>United Kingdom</option>
+          <option value='Afghanistan'>Afghanistan</option>
+        </select>
+      "
+      div = $("<div>").html(tmpl)
+      select = div.find("select")
+      expect(select.size()).toBe(1)
+      select.chosen()
+      placeholder = div.find(".chosen-single > span")
+      expect(placeholder.text()).toBe("Choose a Country...")
+
+    it "should render with special characters", ->
+      tmpl = "
+        <select data-placeholder='&lt;None&gt;'>
+          <option value=''></option>
+          <option value='United States'>United States</option>
+          <option value='United Kingdom'>United Kingdom</option>
+          <option value='Afghanistan'>Afghanistan</option>
+        </select>
+      "
+      div = $("<div>").html(tmpl)
+      select = div.find("select")
+      expect(select.size()).toBe(1)
+      select.chosen()
+      placeholder = div.find(".chosen-single > span")
+      expect(placeholder.text()).toBe("<None>")
diff --git a/spec/proto/basic.spec.coffee b/spec/proto/basic.spec.coffee
@@ -35,3 +35,43 @@ describe "Basic setup", ->
 
     expect($F(select)).toBe "Afghanistan"
     div.remove()
+
+  describe "data-placeholder", ->
+
+    it "should render", ->
+      tmpl = "
+        <select data-placeholder='Choose a Country...'>
+          <option value=''></option>
+          <option value='United States'>United States</option>
+          <option value='United Kingdom'>United Kingdom</option>
+          <option value='Afghanistan'>Afghanistan</option>
+        </select>
+      "
+      div = new Element("div")
+      document.body.insert(div)
+      div.update(tmpl)
+      select = div.down("select")
+      expect(select).toBeDefined()
+      new Chosen(select)
+
+      placeholder = div.down(".chosen-single > span")
+      expect(placeholder.innerText).toBe("Choose a Country...")
+
+    it "should render with special characters", ->
+      tmpl = "
+        <select data-placeholder='&lt;None&gt;'>
+          <option value=''></option>
+          <option value='United States'>United States</option>
+          <option value='United Kingdom'>United Kingdom</option>
+          <option value='Afghanistan'>Afghanistan</option>
+        </select>
+      "
+      div = new Element("div")
+      document.body.insert(div)
+      div.update(tmpl)
+      select = div.down("select")
+      expect(select).toBeDefined()
+      new Chosen(select)
+
+      placeholder = div.down(".chosen-single > span")
+      expect(placeholder.innerText).toBe("<None>")