diff --git a/src/lib/list/list-item.ts b/src/lib/list/list-item.ts index dcf1dbae0..5b9e89d34 100644 --- 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 index 30aaa4557..821dd29c2 100644 --- 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: ` Grouped Lists - Test home @@ -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;