Jest 无法加载时刻答案

【问题标题】：Jest fails to load momentJest 无法加载时刻
【发布时间】：2015-07-14 15:28:44
【问题描述】：

我有一个非常简单的 React 组件，它利用了矩库：

import React from 'react';
import moment from 'moment';

let { Component } = React;

export class SimpleApp extends Component {
    constructor (props) {
        super(props);
        var currentDate = this.props.data[this.props.current].date;

        this.state = {
            currentDate: currentDate,
            currentFromatted: moment(currentDate).format('dddd, MMMM Do YYYY')
        };
    }

    render() {
        return (
            <div className="simple">{this.state.currentDate}</div>
        );
    }
} 

module.exports = SimpleApp;

我有这个测试来测试这个组件：

import React from 'react/addons';
import SimpleApp from '../js/components/pages/Simple.react';

var TestUtils = React.addons.TestUtils;


jest.dontMock('../js/components/pages/Simple.react');
jest.dontMock('moment');

describe('SimpleApp', () => {
    it('should not do anything', () => {
        var data = {
            "date": "2015-07-01",
            "total": 2,
            "results":[
                {
                    "startTime": "2015-07-01T00:00:00.000",
                    "endTime": "2015-07-01T00:59:59.999",
                    "total": 2,
                    "results":[
                        {
                            "type":"motion",
                            "count":2
                        },
                        {
                            "type":"transaction",
                            "count":0
                        }
                    ]
                }
            ]
        };

        var simple = TestUtils.renderIntoDocument(
            <SimpleApp data={[data]} current="0" />
        );

        var div = TestUtils.findRenderedDOMComponentWithTag(simple, 'div');
        expect(div.getDOMNode().textContent).toEqual('2015-07-01');
    })
})

当运行npm test 时，我得到错误说不能调用未定义的方法“格式”：

● SimpleApp › it should not do anything
  - TypeError: Cannot call method 'format' of undefined
        at new SimpleApp (/Users/xiaofanyang/workspace/solink/histogram/flux2/js/components/pages/Simple.react.js:13:69)

好像moment库被mock了，但是，我确实指定不mock它……但显然没有帮助……

【问题讨论】：

标签： reactjs jestjs

【解决方案1】：

我设法解决这个问题的方法是这样做

jest.autoMockOff();

然后手动模拟项目中我需要的任何其他内容。

【讨论】：

【解决方案2】：

对我来说这很有效：

jest.dontMock 'webpack/buildin/module' 而且我不得不在我的 package.json 中的 unmockedModulePathPatterns 中添加时刻——仅仅在测试中取消模拟它是不够的。

看起来 webpack/buildin/module 是一个 webpack 加载器，它被包含在内以便可以加载其他模块。所以它是时刻的依赖，必须特别不被嘲笑。然而; - 我不完全明白它的作用。（虽然这似乎是答案的一部分：https://github.com/webpack/webpack/issues/333）

【讨论】：