diff --git a/src/app/components/card/card.spec.ts b/src/app/components/card/card.spec.ts
index 9c5a95b8453..b072a5e1d9f 100644
--- a/src/app/components/card/card.spec.ts
+++ b/src/app/components/card/card.spec.ts
@@ -1,24 +1,119 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { TestBed, ComponentFixture, async } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { Card } from './card';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Footer, Header } from '../common/shared';
 
-describe('Card', () => {
-  
-  let card: Card;
-  let fixture: ComponentFixture<Card>;
-  
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        NoopAnimationsModule
-      ],
-      declarations: [
-        Card
-      ]
-    });
+@Component({
+  template: `<p-card>
+  <p-header>
+      <img src="Card" src="assets/showcase/images/usercard.png">
+  </p-header>
+  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
+      quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</div>
+  <p-footer>
+      <button  type="button" label="Save" icon="pi pi-check" style="margin-right: .25em"></button>
+      <button  type="button" label="Cancel" icon="pi pi-times" class="ui-button-secondary"></button>
+  </p-footer>
+</p-card>`
+})
+class TestCardComponent {
+}
+
+describe('Accordion', () => {
+
+    let card: Card;
+    let fixture : ComponentFixture<TestCardComponent>;
+
+    beforeEach(async(() => {
+      TestBed.configureTestingModule({
+        schemas: [NO_ERRORS_SCHEMA],
+        imports: [
+          NoopAnimationsModule
+        ],
+        declarations: [
+          Card,
+          TestCardComponent,
+          Header,
+          Footer
+        ],
+      })
+    }));
+    beforeEach(() => {
+      fixture = TestBed.createComponent(TestCardComponent);
+      card = fixture.debugElement.children[0].componentInstance;
     
-    fixture = TestBed.createComponent(Card);
-    card = fixture.componentInstance;
-  });
+      fixture.detectChanges();
+    });
+
+    it('should be display by default', () => {
+      fixture.detectChanges();
+
+      const cardEl = fixture.debugElement.query(By.css('div'));
+      expect(cardEl.nativeElement).toBeTruthy();
+    });
+
+    it('should be display title', () => {
+      card.title = "Primeng ROCKS!";
+      fixture.detectChanges();
+
+      const cardEl = fixture.debugElement.query(By.css('.ui-card-title')).nativeElement;
+      expect(cardEl.textContent).toEqual("Primeng ROCKS!");
+    });
+
+    it('should be display subtitle', () => {
+      card.subtitle = "Primeng ROCKS!";
+      fixture.detectChanges();
+
+      const cardEl = fixture.debugElement.query(By.css('.ui-card-subtitle')).nativeElement;
+      expect(cardEl.textContent).toEqual("Primeng ROCKS!");
+    });
+
+    it('should be change style and styleClass', () => {
+      card.styleClass = "Primeng ROCKS!";
+      card.style = {'primeng' : 'rocks!'};
+      fixture.detectChanges();
+
+      const cardEl = fixture.debugElement.query(By.css('div')).nativeElement;
+      expect(cardEl.className).toContain("Primeng ROCKS!");
+      expect(cardEl.style.primeng).toEqual("rocks!");
+    });
+
+    it('should be have a header', () => {
+      fixture.detectChanges();
+
+      const headerEl = fixture.debugElement.query(By.css('p-header')).nativeElement;
+      const cardHeaderEl = fixture.debugElement.query(By.css('.ui-card-header')).nativeElement;
+      expect(headerEl).toBeTruthy();
+      expect(cardHeaderEl).toBeTruthy();
+      expect(cardHeaderEl.children[0].children.length).toEqual(1);
+    });
+
+    it('should be have a  footer', () => {
+      fixture.detectChanges();
+
+      const footerEl = fixture.debugElement.query(By.css('p-footer')).nativeElement;
+      const cardFooterEl = fixture.debugElement.query(By.css('.ui-card-footer')).nativeElement;
+      expect(footerEl).toBeTruthy();
+      expect(cardFooterEl).toBeTruthy();
+      expect(cardFooterEl.children[0].children.length).toEqual(2);
+    });
+
+    it('should be dont have a header', () => {
+      card.headerFacet = null;
+      fixture.detectChanges();
+
+      const cardHeaderEl = fixture.debugElement.query(By.css('.ui-card-header'));
+      expect(cardHeaderEl).toBeFalsy();
+    });
+
+    it('should be dont have a  footer', () => {
+      card.footerFacet = null;
+      fixture.detectChanges();
+
+      const cardFooterEl = fixture.debugElement.query(By.css('.ui-card-footer'));
+      expect(cardFooterEl).toBeFalsy();
+    });
+
 });