Grunt、Jasmine、Phantom、React 单元测试：React 抛出 ReactElementValidator

Question

我正在使用Grunt 运行Jasmine 和Phantom 的单元测试。

Grunfile.js
module.exports = function (grunt)
{
    "use strict";

    grunt.loadNpmTasks('grunt-browserify');
    grunt.loadNpmTasks('grunt-karma');

    grunt.initConfig(
        {
            pkg: grunt.file.readJSON('package.json'),
            browserify: {
                dev: {
                    files: {
                        'test-output.js':['src/methods.js']
                    },
                    options: {
                        browserifyOptions: {
                            debug: true
                        }
                    }
                }
            },
            karma:
            {
                unit:{
                    configFile:"karma.conf.js"
                }
            }
        });
};

使用这个Karma 配置文件

module.exports = function(config)
{
    config.set({
        basePath: '',
        frameworks: ['browserify', 'jasmine'],
        files: [
            'myDir/*.js'
        ],
        exclude: [
        ],
        preprocessors: {
            'myDir/*.js':['browserify','reactify']
        },
        reporters: ['progress'],
        port: 9876,
        colors: true,
        logLevel: config.LOG_INFO,
        autoWatch: false,
        browsers: ['PhantomJS'],
        browserify: {
            debug: true,
            transform: []
        },
        plugins: [
            'karma-phantomjs-launcher',
            'karma-jasmine','karma-bro'],
        singleRun: true
    });
};

React 作为包安装在本地 node_modules 文件夹中。我可以 grunt browserify 并且所有内容都按预期捆绑到 test-ouput.js 中，但是当我这样做 grunt karma 时出现错误：

TypeError: 'undefined' is not a function (evaluating 'ReactElementValidator.createElement.bind

如果我检查 test-ouput.js 文件，我可以看到 ReactElementValidator.createElement.bind 函数在包内。有什么想法可能导致这种情况吗？

Answer 1

这是 phantomJS

npm install --save-dev phantomjs-polyfill

并像这样将其添加到配置中。

files: [
    'node_modules/phantomjs-polyfill/bind-polyfill.js',
    'myDir/*.js'
]

我希望这会有所帮助。