Wsrtjtyk

I'm trying to test the ng content inside my component but jasmine can't see anything inside of ion-row. I already import ionicmodule when I'm cofiguring the testbed but it still doesn't see it.

myComponent:

<ion-item>

    <div class="bold" text-wrap>

        <ion-row>

          <ion-col style="margin-left: 0.9375rem;">

            <ng-content></ng-content>

          </ion-col>

        </ion-row>

    </div>

</ion-item>

my spec file:

@Component({

    template: `<my-component>hey</my-component>`

})



class MockMyComponent{



}



describe('Component: MyComponent',()=>{



    let fixture;

    let component;

    let element;



    let mockFixture;

    let mockComponent;

    let mockElement;



    beforeEach(()=>{

        TestBed.configureTestingModule({

            declarations:[MockMyComponent,MyComponent],

            imports:[IonicModule.forRoot(this)]

        });



        fixture = TestBed.createComponent(AccordionHeaderComponent);

        component = fixture.componentInstance;

        element = fixture.nativeElement;



        mockFixture = TestBed.createComponent(MockMyComponent);

        mockComponent = mockFixture.componentInstance;

        mockElement = mockFixture.nativeElement;



        console.log(mockElement);



    });

    it("Mock Component: should say 'hello'",()=>{

        expect(mockElement.innerText).toBe('hllo');

    })

});

when I log the variable mockElement I get this:

<div id="root8" ng-version="5.2.11">

    <my-component>

     <ion-item class="item item-block item-md"><div class="item-inner"> 

        <div class="input-wrapper">

            <!---->

        </div>

     </ion-item>

    </my-component>

</div>