Ионные юнит-тесты с жасмином: ионный ряд и ионный столб не читаются жасмином - PullRequest
Новая
       21

Ионные юнит-тесты с жасмином: ионный ряд и ионный столб не читаются жасмином

0 голосов
/ 09 ноября 2018

Я пытаюсь проверить содержимое ng внутри моего компонента, но Жасмин не видит ничего внутри ion-row. Я уже импортирую ionicmodule, когда настраиваю тестовый стенд, но он все еще не видит его.

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>

мой файл спецификаций: 

@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');
    })
});

когда я регистрирую переменную mockElement, я получаю это: 

<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>
...