我如何单元测试自定义元素



我有一个扩展HTMLElement的类。从阅读此线程

https://github.com/microsoft/typescript/issues/574#issuecomment-231683089

我看到我无法实例化自定义元素而无法获得Illegal constructor。此外,registerElement看起来很有希望,因为它返回了自定义元素的构造函数,但是现在对使用CustomElementRegistry.define()进行了弃用。任何解决方案都将不胜感激。

对于此特定设置,我试图使用本机自定义元素而不是Web组件框架,因为我只需要自定义元素。另外,我正在使用打字稿,并尝试使用Jest进行测试。

取决于您的元素所做的非常广泛的操作,您可以考虑将"关注点分离"one_answers"控制权分离"考虑。

当不同类别实施不同的事物时,将实现关注的分离。这也意味着可以在不实例化混凝土htmlement的情况下测试分离的事物。

倒置控制在这一点上派上用场。

这个想法是以一种独立于不可访问或无法控制的方式来设计您的代码。

最新更新