Jasmine 测试在 Chrome 和 Firefox 中通过，但在 PhantomJS 中失败

Question

我正在使用 React 构建一个基本的博客应用程序。我正在使用 Jasmine 和 Karma 来运行我的前端测试。我的第一个测试启动并运行，它在 Chrome (Chromium) 和 Firefox 中通过，但是当它在 PhantomJS 中运行时，我收到以下错误：

PhantomJS 1.9.8 (Linux 0.0.0) ERROR
  TypeError: 'undefined' is not a function (evaluating 'ReactElementValidator.createElement.bind(
          null,
          type
        )')
  at /home/michael/repository/short-stories/test/karma_tests/story_test.js:1742

我的测试文件如下所示：

var React = require('react/addons');
var Story = require('../../app/js/components/story.jsx');
var TestUtils = React.addons.TestUtils;
var testUtilsAdditions = require('react-testutils-additions');

  describe('Story component', function () {
    var component;

    beforeEach(function () {
      component = TestUtils.renderIntoDocument(React.createElement('story'));
      component.props.storyTitle = 'front end test title';
      component.props.author = 'front end author';
      component.props.storyText = 'front end story text';
    });

    it('should display a story', function () {
      expect(component.props).toBeDefined();
      expect(component.props.storyTitle).toBeDefined();
      expect(component.props.storyTitle).toBe('front end test title');
      expect(component.props.author).toBe('front end author');
      expect(component.props.storyText).toBe('front end story text')
    });

  });

我尝试删除我的 node_modules、npm 缓存清除和 npm 安装，但它没有修复它。我不确定我的测试如何在 Firefox 和 Chrome 中通过，但不能在 PhantomJS 中通过。你可以在这里看到完整的项目：https://github.com/mrbgit/short-stories。让我知道是否有更多信息可以提供帮助。任何帮助表示赞赏。谢谢！

Answer 1

PhantomJS 使用了一个相当旧的 Qt-Webkit 版本，它不提供Function.prototype.bind。这对很多图书馆来说都是一个问题，因此可以使用polyfill NPM module called 'phantomjs-polyfill'。

如果您不想使用 NPM 模块（如果您正在测试尚未与 browserify/webpack 捆绑的浏览器站点），MDN 页面上提供了以下针对 bind 的 polyfill，您可以附加自己动手：

if (!Function.prototype.bind) {
  Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
      // closest thing possible to the ECMAScript 5
      // internal IsCallable function
      throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
    }

    var aArgs   = Array.prototype.slice.call(arguments, 1),
        fToBind = this,
        fNOP    = function() {},
        fBound  = function() {
          return fToBind.apply(this instanceof fNOP
                 ? this
                 : oThis,
                 aArgs.concat(Array.prototype.slice.call(arguments)));
        };

    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP();

    return fBound;
  };
}