在 Angular 应用程序中使用 UIKit 方法使我的 Jest 测试套件失败，并出现错误 ReferenceError: CSS is not Defined

Question

版本

• 角度〜16.2.0
• 开玩笑^29.4.1
• UIKit ^3.17.8
• 节点20.10.0
• NPM 10.2.5

我知道 Node 由于客户端/服务器差异而无法访问 CSS API，但我不知道如何正确纠正此问题。我根据发现的类似问题进行了一些尝试，但它们与我的场景不符。

// app.component.ts
import * as UIKit from 'uikit'

...

ngOnInit(): void {
  ...
  UIkit.default.modal('#welcome-modal').show();
}

在尝试运行我的测试套件时，出现以下错误：

有人有任何关于纠正此问题的信息吗？我们将不胜感激，因为这妨碍了我的管道的设置。如果需要的话我可以提供更多信息。

Answer 1

抱歉，询问和回答的时间很短，但这就是为我解决了问题的方法。我输入了

jest.config.ts

文件，添加了全局属性，然后添加了以下内容：

globals: {
  CSS: {
    supports: (k: any, v: any) => false
  }
}

添加

CSS: {}

给出了支持未定义的错误，所以我也添加了该方法。我看到窗户需要类似的处理，所以这引导我走上这条路。我希望它对某人有帮助。