Skip to content

Commit

Permalink
fixed #6402
Browse files Browse the repository at this point in the history
card unit test added.
tests;
+title
+subtitle
+style&styleClass
+header
+footer
  • Loading branch information
yigitfindikli committed Aug 28, 2018
1 parent 6d9ce4e commit 5090ceb
Showing 1 changed file with 113 additions and 18 deletions.
131 changes: 113 additions & 18 deletions src/app/components/card/card.spec.ts
Original file line number Diff line number Diff line change
@@ -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();
});

});

0 comments on commit 5090ceb

Please sign in to comment.