Как получить флажок внутри модал в жасмине?

Question

Привет! Я разработал веб-приложение на угловом уровне 5. Я пишу тестовый пример с использованием жасмина.У меня есть одно модальное всплывающее окно, и внутри модального всплывающего окна у меня есть флажок.Я пытаюсь получить этот флажок.Ниже моя реализация html.

<div class="modal fade" bsModal #rulemodal="bs-modal" tabindex="-1" id="myModal" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<table class="app-roll-tb" border="1">
 <tr>
                        <td>
                            <tabset>
                                <tab *ngFor="let tabz of tabs" [heading]="tabz.title">
                                    <div *ngIf="tabz.title ==='CREATE'">
                                        <tree-root #tree
                                                   [nodes]="tabz.content"
                                                   [options]="options">

                                            <ng-template #treeNodeTemplate let-node="node" let-index="index">
                                                <input type="checkbox" (change)="toggle($event.target,node,tabz.title)"
                                                       [checked]="node.data.checked" id="cbcreate">
                                                {{ node.data.name }}"
                                            </ng-template>
                                        </tree-root>
                                    </div>
                           </tabset>
                       </td>
</tr>

Ниже моя реализация jasmine.

it('make checkbox checked', () => {
        let element: HTMLElement = fixture.debugElement.query(By.css('#cbcreate')).nativeElement as HTMLElement;
        element.click();
        console.log(element);
    }); 

Выше код дает ноль.Могу ли я знать, что мне здесь не хватает?Может кто-нибудь помочь мне исправить это?Любая помощь будет оценена.Спасибо