18910140161

JavaScript-Angular Reactive Form单元测试:HTML值和控件值超出同步堆栈溢出

顺晟科技

2022-10-19 13:40:26

175

我正在遵循Angular reactive form unit testing guidehere,但始终无法获得要同步的控件值和HTML值。下面是我的实现;请注意,除了指定默认值之外,我还试图调用:

setValue

下面是我的测试:

setValue

以下是结果。设置默认值不会更新UI。调用不会更新UI。并且在UI元素上设置值不会更新控件。

必须是一些基本的东西。我错过了什么?

edit:我试图基于一个独立的单元测试示例设置一个StackBlitz实现,但在Jasmine下似乎无法识别该指令;我正在导入app.module。链接是here,以防有人能提供关于我在这方面缺少什么的见解。

edit:这里的问题似乎实际上与我的单元测试工作有关。当我直接使用组件时,默认值会正确地显示在HTML输入元素上;然而,当通过运行Karma的Chrome控制台检查消息时,我看到了相同的错误消息,表明该指令未被识别。我已经相应地更新了标题。


顺晟科技:

问题实际上纯粹是在单元测试的设置中,当组件实时使用时,控件和窗体之间的绑定工作正常。单元测试中的问题是必须通过;我在安装过程中也没有打电话, 尽管它的缺席似乎没有任何影响。

我更新的安装代码如下所示。奇怪的是,在StackBlitz设置中尝试以同样的方式导入会产生错误“超出最大调用堆栈大小”,但它在我的计算机上运行良好。

setValue

原来这是一个dupe。把这个问题留在这里,以防它帮助其他人;直到开始搜索与测试相关的问题,我才发现另一个问题。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航