有什么方法可以测试元素的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楼 票数:4 已采纳

像这样

  1. 公开展示myDiv

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

 component.myFunct(); expect(component.myDiv.nativeElement.style.height).toBe(500); 

  ask by physicsboy translate from so

未解决问题?本站智能推荐:

2回复

角度-单元测试Subject()?

我有一个仅使用Subject的Angular服务,但是我不确定如何为它编写单元测试。 我看到了[this thread] [1],但没有发现它有很大帮助。 我试图模拟next()但是我迷失了不少。
1回复

带参数的角度单元测试

我正在为将id作为参数删除对象的方法编写测试。 测试用例如下所示: 测试用例通过。 但是,当我将断言的值从“ 1”更改为“ 2”时,它仍然可以通过测试。 我要去哪里错了?
2回复

测试角度形式

我正在尝试在保护程序中测试有角度的应用程序,但我听不懂。 我把这条线放在那里 beforeEach(function() { browser.get('http://juliemr.github.io/protractor-demo/'); }); 我想使用此行
1回复

角度测试:无法加载html组件

使用templateUrl测试组件时捕获了此错误。 我不知道该如何解决。 阅读文章后,我在测试文件中添加了TestBed.resetTestEnvironment()和TestBed.initTestEnvironment(),但是并不能解决问题。 似乎配置文件中缺少某些内容,并且无法
4回复

var在角度测试中未定义

我在推销程序中发布了一个有角度的应用程序,并且不明白为什么会发生这种情况。 我有这个测试: beforeEach(function() { browser.get('http://localhost:8080/#/'); ... //name let name = elem
1回复

如何测试角度应用程序中的可重用组件元素?

我想制作一个可重用的,经过自我测试的组件。 我的代码外观:HTML: 测试: Ts: 和我的输出: Horizo​​ntalMenuComponent›应该呈现appName TypeError:无法读取null的属性“ innerHTML” 我知道问题出在哪里,但目前我不
2回复

在单元测试角度时测试滚动视图

在 Angular 2+ 中对 scrollintoview() 方法进行单元测试时,我收到错误 -> “失败:无法读取未定义的属性‘scrollIntoView’”在 Angular 2+ 中 这是我的滚动视图代码: 关于如何通过执行脚本解决此问题的任何想法?
1回复

带有订阅的 Angular 浅层单元测试

我通过与 RxJS 订阅者的服务完成了组件间通信。 订阅这个的组件配置如下: 我们使用的是shallow 进行测试,myservice 的订阅的next 事件被另一个组件调用。 我们如何测试上面的代码块,因为我们在测试中模拟服务。 我们没有办法在测试中发送 myservice.setSub