繁体   English   中英

带有角度的单元测试CSS

Unit testing css with angular

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

有什么方法可以测试元素的height css属性?

我有一个可以更改div高度的函数,最好在测试中检查该函数是否正常运行...

即:

<div #myDiv>Hello world</div>

@ViewChild('myDiv') myDiv: ElementRef;

myFunct() {
  this.myDiv.nativeElement.style.height = 500;
}

it('should increase div size', () => {
  // Here is where I get stuck...
});

更新

实施测试,例如:

it('should return correct height of dropdown when initialised', () => {
    component.myFunct();

    expect(component.dropdown.nativeElement.style.height).toBe(34);
  });

导致测试失败并显示以下消息:

预期为500。

1 个回复

像这样

  1. 公开展示myDiv

  2. 设置组件的测试平台(通常默认情况下添加)

 component.myFunct(); expect(component.myDiv.nativeElement.style.height).toBe(500); 
1 带有服务的角度指令的单元测试

我正在尝试对调用服务来检索帖子的指令进行单元测试,并对如何测试指令感到困惑。 通常,仅编译指令元素即可轻松进行指令测试,但此指令元素通过get调用来调用帖子。 我该如何测试? 这是控制器: ...

2 带有角度的keyPress的单元测试

我有一个由多个子组件组成的组件,每个子组件都会有一个 ...} 我该如何编写单元测试来模拟特定按键的按下? 我试过了: 但它不起作用。 重要信息:我不能单独调用每个子组件的handleHandboardboardDownEvent方法。 (它是我到处都可以看到的解决方案,但是我不能 ...

3 单元测试角度6

我有两个带有输入的按钮,如下所示: 我需要编写单元测试。 单元测试必须检查日期选择器。 但是在第一和第二,它打开了相同的第一个按钮。 我也试过这个: 但这不起作用。 有另一个想法 ...

4 角度单元测试

这是我的规格文件,由于错误是错误,因此我没有提供matstepper的提供程序。错误:StaticInjectorError(DynamicTestModule)[CdkStepper-&gt; MatStepper]:StaticInjectorError(Platform:core)[Cd ...

5 角度6单元测试

我正在一个项目中,在该项目中,我从多个第三方API获取报告数据,并将其显示在带有自定义过滤器和其他内容的表格中。 一切正常,但测试有问题。 我有1个json文件,由每个面板的凭据和端点组成。 应用程序启动后,我便立即读取该文件。 // factory that reads file ex ...

10 带有位置侦听器的单元测试$ q(角度)

我有一个控制器,可以做两件事: 1)履行诺言时执行一个函数($ q.then) 2)在触发'onLocationChangedStart'事件时执行一个函数 在单元测试中,我想测试(1)的功能。 我通过执行$RootScope.$apply()来触发promise决议来做到这 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM