Error: clientWidth is not declared configurable in http://localhost:9877node_modules/jasmine-core/lib/jasmine-core/jasmine.js (line 4410)

Question

我在对我的 angular 组件进行单元测试时尝试模拟 ElementRef 属性，它给我以下错误

Error: clientWidth is not declared configurable in http://localhost:9877node_modules/jasmine-core/lib/jasmine-core/jasmine.js (line 4410)

我在尝试模拟元素的原生元素 属性 时出现错误，如下所示

const div = fixture.debugElement.query(By.css('.ellipsis-overflow'));
div.triggerEventHandler('mouseover', null);
fixture.detectChanges();
expect(component.tooltip.isOpen()).toBeFalsy();
spyOnProperty(div.nativeElement, 'clientWidth', 'get').and.returnValue(1400);
spyOnProperty(div.nativeElement, 'scrollWidth', 'get').and.returnValue(2400);

spyOnProperty 正在创建该错误。

Answer 1

clientWidth 和 scrollWidth 是 javascript 的只读属性，无法使用 SpyOn 设置值。所以你需要通过调用应用程序的其他部分来使用其他方式来设置这些只读属性。