嘲笑分支代码覆盖范围 - 无效值的问题

Question

乍一看，问题看起来非常简单，但不幸的是，当可空 getter 为空时，我在覆盖测试场景时遇到问题。考虑下面的示例：

@Component({
selector: 'sample-form-test',
templateUrl: './sample-form-test.component.html'
})
export class SampleFormTestComponent implements ngOnInit {

form?: FormGroup;

get name(): FormControl | null {
   return this.form?.get('name') as FormControl;
}

constructor(private formBuilder: FormBuilderService) {}

ngOnInit() {
   this.form = this.formBuilder.build();
}

在代码覆盖率报告中始终强调上面 getter 内的问号未被测试覆盖。即使我尝试在组件创建后直接检查 getter 是否为 null 来覆盖它：

describe('create SampleFormTestComponent', () => {

   let spectator = Spectator<SampleFormTestComponent>; // from @ngneat/Spectator
   const createComponent = createComponentFactory({ // from @ngneat
      component: SampleFormTestComponent,
      providers: MockProvider(FormBuilderService, {
         build: () => {
            new FormGroup({name: new FormControl})
         }
      }
   });  
 
   it('should create', () => {
      spectator = createComponent();
      expect(spectator).toBeTruthy();

      expect(spectator.component.name).toBeNull(); 
   });
}

它根本没有帮助，并且分支覆盖率总是会被可为 null 的 getter 降低。最糟糕的情况是当我在类中有多个它们时 - 在这种情况下不可能满足代码覆盖率要求。你知道我怎样才能轻松解决这个问题吗？

更新

最简单的方法是在构造函数中初始化表单 - 它将允许访问表单属性（即使这些属性为空），而无需检查这些值是否为空。

@Component({
selector: 'sample-form-test',
templateUrl: './sample-form-test.component.html'
})
export class SampleFormTestComponent implements ngOnInit {

form: FormGroup;

get name(): FormControl {
   return this.form.get('name') as FormControl;
}

constructor(private formBuilder: FormBuilderService) {
   this.form = this.formBuilder.build();
}

这是更新后的 Stackblitz 解决方案