fix(accordion): add 'accordion' css class

Closes #2304
ng-bootstrap · Apr 12, 2018 · d014d0e · d014d0e
1 parent 9de58e6
commit d014d0e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/accordion/accordion.spec.ts b/src/accordion/accordion.spec.ts
@@ -1,4 +1,5 @@
 import {TestBed, ComponentFixture, inject} from '@angular/core/testing';
+import {By} from '@angular/platform-browser';
 import {createGenericTestComponent} from '../test/common';
 
 import {Component} from '@angular/core';
@@ -73,6 +74,12 @@ describe('ngb-accordion', () => {
     expect(accordionEl.getAttribute('aria-multiselectable')).toBe('true');
   });
 
+  it('should have proper css classes', () => {
+    const fixture = TestBed.createComponent(TestComponent);
+    const accordion = fixture.debugElement.query(By.directive(NgbAccordion));
+    expect(accordion.nativeElement).toHaveCssClass('accordion');
+  });
+
   it('should toggle panels based on "activeIds" values', () => {
     const fixture = TestBed.createComponent(TestComponent);
     const tc = fixture.componentInstance;

diff --git a/src/accordion/accordion.ts b/src/accordion/accordion.ts
@@ -110,7 +110,7 @@ export interface NgbPanelChangeEvent {
 @Component({
   selector: 'ngb-accordion',
   exportAs: 'ngbAccordion',
-  host: {'role': 'tablist', '[attr.aria-multiselectable]': '!closeOtherPanels'},
+  host: {'class': 'accordion', 'role': 'tablist', '[attr.aria-multiselectable]': '!closeOtherPanels'},
   template: `
     <ng-template ngFor let-panel [ngForOf]="panels">
       <div class="card">