TypeError：无法读取未定义的属性（读取'nativeElement'）以读取茉莉花中的html元素的角度

Question

以下情况失败，在其他地方也有相同的情况通过

  it('login lables', () => {
    const terms = fixture.nativeElement as HTMLElement;
    expect(terms.querySelector('#LoginUsernameLabel')?.textContent).toContain("User ID");
  });

HTML

<div class="col-12 row align-items-center hb-login-container" id="Login">
  <section class="col-10 offset-1 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4 hb-login-box"
    id="HBLoginBoxSection">
    <h1 class="mb-4" id="HBLoginHeading">Login</h1>
    <form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="col-12 p-0 hb-login-form" id="HBLoginForm">
      <div class="form-group">
        <label for="LoginUsername" class="hb-form-label" id="LoginUsernameLabel" [ngClass]="{
            'hb-field-error':
              !!f.username.invalid &&
              (!!f.username.dirty || !!f.username.touched)
          }">User ID</label>

出现错误

TypeError: Cannot read properties of undefined (reading 'nativeElement')

应该通过测试用例

Answer 1

我的猜测是在设置测试环境时出了问题，但我不能 100% 确定这一点，因为你还没有分享你的测试是如何设置的