Angular Protractor 测试从 html 获取 h1 文本

Question

我是端到端测试的新手。在我的应用程序中，我有一个登录页面，我想在用户从应用程序注销时显示该页面。现在 div 中有一个文本 h1。但是我没有从该 div 中获取文本，这就是为什么预期结果与实际结果不同的原因。

这是我的登录页面 html。

<div *ngIf="!isLoggedIn" class="login-controller">


    <div layout="column" class="login-dialog">

        <h1>Here is a heading</h1>
        <h2>Second Heading</h2>
        <div class="border">

           ...
        </div>
    </div>
</div>

这是我的 app.po.ts

    async getLogInPage(){
    return await element(by.css('h1')).getText();
    }

    async logoutOfApplication() {
    var userMenu = element(by.css(".prof-dropbtn > span"));
    browser.wait(ExpectedConditions.presenceOf(userMenu), 10000);
    await userMenu.click();

    var logoutButton = element(by.id("logout"));
    await logoutButton.click();
  }

现在 app.e2e-spec.ts

    it('Test for logout', () => {
    page.logoutOfApplication();
    expect(page.getLogInPage()).toEqual('Here is a heading');
    page.loginToApplication("email.com", "demo");
  });

Answer 1

如果你想得到h1值你必须这样写

it('Test for logout', () => {
        page.logoutOfApplication();           
        expect(element.all(by.css('.login-dialog h1')).getText()).toEqual('Here is a heading');
        page.loginToApplication("eamil.com", "demo");
      });