代码之家 › 专栏 › 技术社区 › Ricky Mo

角度测试如何模拟导入的const

karma-jasmine mocking unit-testing angular

Ricky Mo · 技术社区 · 3 月前

我有一个正在测试的角度服务,它导入 const 来自另一个文件

import { environment } from "../environments/environment";

环境.ts就像

export const environment = {
    ...window.mainConfig,
    production: false
};

window.mainConfig 是一个电子上下文桥暴露变量。它在中未定义 ng test 上下文,所以我不得不嘲笑它。

我尝试了以下

import * as environment from '../environments/environment';

describe("...",()=>{
  beforeEach(() => {
    //...
    spyOnProperty(environment,"environment","get").and.returnValue({/* ... */});
    //...
  });
});

但这给了 Error: <spyOnProperty> : environment is not declared configurable . 我该如何正确地嘲笑这一点?

1 回复 | 直到 3 月前

Naren Murali 3 月前

你能试试吗 Object.assign 以使用新属性覆盖内部属性。

Object.assign(environment, {/* ... */});

如果没有,您可以在属性之间运行循环,也可以手动分配值。

const mockEnv = {/* ... */};

for (const [key, value] of Object.entries(mockEnv)) {
  environment[key] = value;
}

最理想的解决方案是在 angular.json ,环境替换,用于测试环境。这将在您开始测试时进行配置。

"test": {
  ...
  "options": {
    ...
    "fileReplacements": [{
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.tst.ts"
    }],
    ...

Reference Answer

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前