如何使用Jasmine编写打开弹出窗口的单元测试用例?

时间:2018-03-29 09:32:22

标签: angular jasmine

您好我正在为我在茉莉花中的应用程序编写单元测试用例。我有一个bootstrap弹出窗口。点击按钮我试图打开弹出窗口。我编写了以下代码来打开弹出窗口。

it('onPopupOpen', async(() => {
    let button = fixture.debugElement.nativeElement.querySelector('#adduser');
    button.click();
    expect(document.getElementById("#adduser").innerHTML).toContain('modal-dialog');
}));

下面是我的锚标记。

 <a href="javascript:;" (click)="addUser()" id="adduser">
                    <i class="fa fa-plus-circle"></i> {{'users.management.NewUser' | translate}}
   </a>

下面是我的弹出窗口。

<div class="modal fade" bsModal #editorModal="bs-modal" tabindex="-1">
        <div class="modal-dialog" id="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    //textbox and other cotrols
                </div>
            </div>
        </div>
</div>

我正在尝试使下面的代码行工作,但这不起作用

 expect(document.getElementById("#adduser").innerHTML).toContain('modal-dialog');

有人可以帮我制作上面的代码吗?任何帮助,将不胜感激。谢谢。

0 个答案:

没有答案