chore(list): Rename graphic and meta class modifiers

Closes #536
trimox · Jan 12, 2018 · 5c264ff · 5c264ff
1 parent e4c439a
commit 5c264ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/lib/list/list-item.ts b/src/lib/list/list-item.ts
@@ -31,7 +31,7 @@ let uniqueIdCounter = 0;
   selector: '[mdc-list-item-graphic], mdc-list-item-graphic'
 })
 export class MdcListItemGraphic {
-  @HostBinding('class.mdc-list-item__start-detail') isHostClass = true;
+  @HostBinding('class.mdc-list-item__graphic') isHostClass = true;
   @HostBinding('attr.aria-hidden') ariaHidden: string = 'true';
 
   constructor(public elementRef: ElementRef) { }
@@ -41,7 +41,7 @@ export class MdcListItemGraphic {
   selector: '[mdc-list-item-meta], mdc-list-item-meta'
 })
 export class MdcListItemMeta {
-  @HostBinding('class.mdc-list-item__end-detail') isHostClass = true;
+  @HostBinding('class.mdc-list-item__meta') isHostClass = true;
 
   constructor(public elementRef: ElementRef) { }
 }

diff --git a/test/unit/list/list.test.ts b/test/unit/list/list.test.ts
@@ -54,7 +54,7 @@ describe('MdcListModule', () => {
     });
 
     it('#should apply class two-line', () => {
-      testComponent.isTwoline = true;
+      testComponent.lines = 2;
       fixture.detectChanges();
       expect(testDebugElement.nativeElement.classList.contains('mdc-list--two-line')).toBe(true);
     });
@@ -104,7 +104,7 @@ describe('MdcListModule', () => {
   template: `
     <mdc-list-group #group>
       <mdc-list-group-subheader>Grouped Lists</mdc-list-group-subheader>
-      <mdc-list [dense]="isDense" [border]="isBordered" [twoLine]="isTwoline"
+      <mdc-list [dense]="isDense" [border]="isBordered" [lines]="lines"
        [avatar]="isAvatar" [interactive]="isInteractive">
         <mdc-list-item #listitem mdc-list-item-graphic [selected]="isItemSelected">Test
           <mdc-icon mdc-list-item-meta>home</mdc-icon>
@@ -123,7 +123,7 @@ describe('MdcListModule', () => {
 class SimpleList {
   isDense: boolean = false;
   isBordered: boolean = false;
-  isTwoline: boolean = false;
+  lines: number = 1;
   isAvatar: boolean = false;
   isInteractive: boolean = true;
   isItemSelected: boolean = true;