在使用时刻时区的 Angular 2 服务中测试方法时，获取 tz 不是函数错误

Question

在测试使用moment.tz(time) 功能的方法时，我收到__WEBPACK_IMPORTED_MODULE_2_moment__.tz is not a function。 当我只测试一个使用moment.js 的虚拟函数时，一切都很好。

我检查了 karma 和 webpack 配置，但他们没有在任何地方提到时刻。根据我的推理，如果在 webpack 和 karma 配置中没有明确提及 moment 可以在这样的单元测试中工作，那么 moment-timezone 也应该如此。

这里是服务的单元测试文件：

//note.service.spec.ts
import {TestBed, inject} from '@angular/core/testing';
import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from "@angular/platform-browser-dynamic/testing";
import {NoteService} from './note.service';

import * as moment from 'moment'; //xavtodo: maybe not needed

describe('NoteService', () => {
  let service: NoteService;

  beforeEach(() => {
    TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting())
        .configureTestingModule({
          providers: [NoteService]
        });
  });

  afterEach(() => {
    TestBed.resetTestEnvironment();
  });

  beforeEach(inject([NoteService], (s: NoteService) => {
    service = s;
  }));

  it('should be created', inject([NoteService], (service: NoteService) => {
    expect(service).toBeTruthy();
  }));

  it('DUMMY WITH MOMENTJS', inject([NoteService], (service: NoteService) => { //so this one is working with moment.js
      expect(service.dummy()).toBeTruthy();
  }));

  it('DUMMY WITH MOMENT-TIMEZONE', inject([NoteService], (service: NoteService) => { //this one isn't with moment timezone
    expect(service.dummytz()).toBeTruthy();
  }));

});

我正在测试 note.service.ts 中的 dummy 和 dummytz 函数以隔离错误：

dummy(): Moment{
  return moment();
}

dummytz(): Moment{
  return moment.tz('Europe/London');
}

显然，tz() 函数似乎没有在时刻定义，webpack 在单元测试中没有选择时刻时区，但它在应用程序中选择它没问题。

这是webpack.unit.test.js 配置文件：

const webpack = require('webpack');
const helpers = require('./helpers');
const commonConfig = require('./webpack.common.js');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

console.log('///////////////////////////UNIT TEST');

module.exports = {
    devtool: 'inline-source-map',

    node: {
        fs: 'empty'
    },

    resolve: {
        extensions: ['.ts', '.js']
    },

    module: commonConfig.module,

    plugins: [
        new webpack.ContextReplacementPlugin(
            // The (\\|\/) piece accounts for path separators in *nix and Windows
            /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
            helpers.root('./src'), // location of your src
            {} // a map of your routes
        ),

        new ExtractTextPlugin({ filename: 'main.css', disable: false, allChunks: true})
    ]
}

Answer 1

您如何以及在哪里导入时刻？看来你不见了

var moment = require('moment-timezone');

更多详情are here如何使用moment().tz