jasmine - 使用 Jasmine 和 Karma 在 Angular 中对嵌套组件 UI 元素进行单元测试
问题描述
我的 parentComponent html 的伪代码:
<mat-tab-group class="mat-elevation-z4">
<mat-tab label="OneBox">
<host-configuration [hostTemplate]="shareNodes">
</host-configuration>
</mat-tab>
</mat-tab-group>
我正在使用它的选择器(主机配置)创建子组件的实例,以创建用户可以提供值的表单字段。
childComponent(host-configuration) 中的代码将创建 UI 表单字段
@Input()
set hostTemplate(value: HostTemplate) {
this.loadedTemplate = value ?? new HostTemplate();
this.templateNameConfigItem.formControl.setValue(value.TemplateName);
this.vmStubNameConfigItem.formControl.setValue(value.VMStubName);
this.virtualApplianceConfigItem.formControl.setValue(value.VirtualAppliance);
this.cpuCountConfigItem.formControl.setValue(value.Sizing.cpu_count);
this.numOfCoresPerSocketConfigItem.formControl.setValue(value.Sizing.num_cores_per_socket);
this.ramInMBConfigItem.formControl.setValue(value.Sizing.ram_mb);
if (value.VMs.length > 0) {
this.hostNameConfigItem.formControl.setValue(value.VMs[0]?.ComputerName);
this.ipAddressConfigItem.formControl.setValue(value.VMs[0]?.Ip);
this.macAddressConfigItem.formControl.setValue(value.VMs[0]?.Mac);
}
this.diskConfigurationItems.length = 0;
for (const d of value.Disks) {
this.diskConfigurationItems.push(new DiskConfigurationItems(d));
}
}
现在我想在父组件规范文件中测试子组件(主机配置)的这个特定 UI 表单元素?
有没有办法做到这一点,如果是的话,你能帮我看看怎么做吗?
解决方案
推荐阅读
- c - 架构 x86_64 的未定义符号:“xxx”,引用自:_main
- javascript - 当我尝试导航到 https://website.com/index.php#section 时,它只会引导我到 index.php
- ruby-on-rails - 如何使用多个 id 查询 DynamoDB,例如:[1,2,3] #rails 中的 student_id
- sql - 如何使用 JPA 实体映射 SQL VIEW
- ignite - Apache ignite 2.7.5 的间歇性性能问题
- python - 如何检查“测试数据”的准确性并绘制它们
- python - Python - 时间序列方差分析并以不同的开始/停止时间取平均值
- php - SQLSTATE [23000]:违反完整性约束:1048 列“tempat_lahir”不能为空
- autodesk-forge - 从伪造查看器中裁剪特定的房间/区域
- flutter - How to remove scrolling glow only at one end in Flutter