feat(Dropdown): Adds isOpen to dropdown template hash. Thanks to @the…

…roncross Closes #251
ember-bootstrap · Mar 16, 2017 · 58abd4b · 58abd4b
1 parent 682f75a
commit 58abd4b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/addon/templates/components/common/bs-dropdown.hbs b/addon/templates/components/common/bs-dropdown.hbs
@@ -3,5 +3,6 @@
         button=(component "bs-dropdown/button" dropdown=this onClick=(action "toggleDropdown"))
         toggle=(component "bs-dropdown/toggle" dropdown=this inNav=inNav onClick=(action "toggleDropdown"))
         menu=(component "bs-dropdown/menu")
+        isOpen=isOpen
     )
 }}
diff --git a/tests/integration/components/bs-dropdown-test.js b/tests/integration/components/bs-dropdown-test.js
@@ -77,6 +77,16 @@ test('clicking dropdown menu when closeOnMenuClick is false will not close it',
   assert.equal(this.$(':first-child').hasClass(openClass()), true, 'Dropdown is open');
 });
 
+test('child components can access isOpen property', function(assert) {
+  this.render(hbs`{{#bs-dropdown as |dd|}}{{#dd.toggle}}<span id="toggleText">{{if dd.isOpen "open" "closed"}}</span>{{/dd.toggle}}{{/bs-dropdown}}`);
+
+  assert.equal(this.$('#toggleText').text(), 'closed', 'Dropdown is closed');
+  this.$('a.dropdown-toggle').click();
+  assert.equal(this.$('#toggleText').text(), 'open', 'Dropdown is open');
+  this.$('a.dropdown-toggle').click();
+  assert.equal(this.$('#toggleText').text(), 'closed', 'Dropdown is closed');
+});
+
 test('opening dropdown calls onShow action', function(assert) {
   let action = this.spy();
   this.on('show', action);