时间戳

首页 > 解决方案 > 如何测试正确的数据是否传递给投影（ng-content）？

angular - 如何测试正确的数据是否传递给投影（ng-content）？

问题描述

堆栈闪电战

我有一个包装器组件将一些数据作为投影传递：

<app-projector>
  {{model.value}}
</app-projector>

import { Component } from '@angular/core';

@Component({
  selector: 'app-wrapper',
  templateUrl: './wrapper.component.html',
  styleUrls: ['./wrapper.component.css']
})
export class WrapperComponent {
  model = { value: 'trololo' };
}

我想添加一个测试来检查正确的数据是否作为投影传递。到目前为止，我可以想象只测试包装组件的标记。我更喜欢让这个测试独立于包装组件的代码。因此，如果开发人员将标记更改<app-projector>{{model}}</app-projector>为测试，则会抱怨模型值是预期的。如何存档？

我也很高兴有很好的理由为什么我不应该这样做并使用不同的方法。

我正在寻找答案“如何测试 app-wrapper 是否传递了正确的值”。

标签： angularunit-testing

解决方案

推荐阅读