refactor: updating tests

anandtiwary · anandtiwary · commit e4cfb4bd1dab · 2021-04-01T11:46:03.000-07:00
diff --git a/projects/observability/src/shared/components/card-list/card-list.component.test.ts b/projects/observability/src/shared/components/card-list/card-list.component.test.ts
@@ -66,20 +66,23 @@ describe('Card List component', () => {
   test('should apply grouped style class', () => {
     const data = [
       {
-        name: 'first'
+        name: 'first',
+        grouped: true
       },
       {
-        name: 'second'
+        name: 'second',
+        grouped: false
       },
       {
-        name: 'third'
+        name: 'third',
+        grouped: false
       }
     ];
 
     spectator = createHost(
       `
     <ht-card-list [mode]="mode">
-      <ht-card-container *ngFor="let cardData of this.data; first" showGroupedStyle="{{cardData === first ? true: false}}">
+      <ht-card-container *ngFor="let cardData of this.data; first" showGroupedStyle="cardData.grouped">
         <div class="custom-card">
           <div class="title">{{cardData.name}}</div>
         </div>

Original file line number	Diff line number	Diff line change
`@@ -66,20 +66,23 @@ describe('Card List component', () => {`
`66`	`66`	`test('should apply grouped style class', () => {`
`67`	`67`	`const data = [`
`68`	`68`	`{`
`69`		`- name: 'first'`
	`69`	`+ name: 'first',`
	`70`	`+ grouped: true`
`70`	`71`	`},`
`71`	`72`	`{`
`72`		`- name: 'second'`
	`73`	`+ name: 'second',`
	`74`	`+ grouped: false`
`73`	`75`	`},`
`74`	`76`	`{`
`75`		`- name: 'third'`
	`77`	`+ name: 'third',`
	`78`	`+ grouped: false`
`76`	`79`	`}`
`77`	`80`	`];`
`78`	`81`
`79`	`82`	`spectator = createHost(`
`80`	`83`	`
`81`	`84`	`<ht-card-list [mode]="mode">`
`82`		`- <ht-card-container *ngFor="let cardData of this.data; first" showGroupedStyle="{{cardData === first ? true: false}}">`
	`85`	`+ <ht-card-container *ngFor="let cardData of this.data; first" showGroupedStyle="cardData.grouped">`
`83`	`86`	`<div class="custom-card">`
`84`	`87`	`<div class="title">{{cardData.name}}</div>`
`85`	`88`	`</div>`