test(card): add test for icon font-family in card content (#15134)

Author: didimmova

projects/igniteui-angular/src/lib/card/card.spec.ts

@@ -68,6 +68,7 @@ describe('Card', () => {
                 InitCardComponent,
                 InitOutlinedCardComponent,
                 CardWithHeaderComponent,
+                CardContentIconComponent,
                 VerticalCardComponent,
                 HorizontalCardComponent
             ]
@@ -182,6 +183,16 @@ describe('Card', () => {
         expect(actions).not.toHaveClass(classes.actions.vertical);
     });
 
+    it('Should use Material Icons font-family for igx-icon in card content', () => {
+        const fixture = TestBed.createComponent(CardContentIconComponent);
+        fixture.detectChanges();
+
+        const iconElement = fixture.debugElement.query(By.css('igx-icon')).nativeElement;
+        const computedStyle = window.getComputedStyle(iconElement);
+
+        expect(computedStyle.fontFamily).toBe('"Material Icons"');
+    });
+
     it('Should automatically align actions vertically when in horizontal layout', () => {
         const fixture = TestBed.createComponent(HorizontalCardComponent);
         fixture.detectChanges();
@@ -249,6 +260,17 @@ class InitOutlinedCardComponent {
 })
 class CardWithHeaderComponent { }
 
+@Component({
+    template: `<igx-card class="ig-typography">
+        <igx-card-content>
+            <igx-icon>face</igx-icon>
+        </igx-card-content>
+    <igx-card>`,
+    standalone: true,
+    imports: [IgxCardComponent, IgxCardContentDirective, IgxIconComponent]
+})
+class CardContentIconComponent { }
+
 @Component({
     template: `<igx-card>
         <igx-card-media width="200px" height="50%">

projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss

@@ -450,7 +450,7 @@
         }
     }
 
-    %igx-card-content > * {
+    %igx-card-content > *:not(igx-icon) {
         @include type-style($content) {
             margin: 0;
         }