如何模拟 navigator.language 进行打字稿单元测试

Question

如何模拟要从单元测试中定义的 navigator.language？

下面的代码returns

ReferenceError: navigator is not defined

语言-service.ts

import { injectable } from "inversify";

@injectable()
export class LanguageService  {
    public getBrowserLanguage(): string {
        return navigator.language.split("-")[0];
    }
}

语言-service.spec.ts

// import stuff

    describe('Language Service tests', () => {
      it('should return de', () => {
        const language_service = new LanguageService();
        expect(language_service.getBrowserLanguage()).to.equal("de");
      });
    });

这听起来像是一项基本任务，但实际上并非如此，因为即使我尝试在 window 对象上手动定义导航器，typescript 也会抛出一个错误，指出导航器是只读的。

Answer 1

1- 安装 jsdom 包

npm install jsdom jsdom-global --save-dev

2- 相应地更改单元测试

{
  "scripts": {
    "test": "mocha -r ts-node/register -r jsdom-global/register src/**/*.spec.ts"
  }
}

如何模拟 navigator.language 进行打字稿单元测试

How to mock navigator.language for typescript unit test

javascript

mocha.js

chai

typescript

mocha-webpack