如何在运行单元测试时将 React 添加为全局？答案

【问题标题】：How do I add React as a global whilst running unit tests?如何在运行单元测试时将 React 添加为全局？
【发布时间】：2016-01-11 11:41:25
【问题描述】：

在我的 Rails 项目中，我使用 react-rails gem，它执行以下操作：

window.React = React;

这非常方便，但是当我使用 Jest 运行单元测试时，全局不存在，并且我从包含我正在测试的组件的文件中收到一个错误，说 React 没有定义。

如果我使用

在组件文件中定义 React

import React from 'react';

然后由于两次加载React而导致错误。

我应该如何在我的单元测试中定义一个全局 React 变量以便它们工作？

【问题讨论】：

也许这有帮助？ stackoverflow.com/questions/30233357/…
谢谢。尝试过，但还没有运气。
你使用的是 webpack 还是 babel？因为您可以设置一个 if/else 分支来包含导入行。 See this example with babel

标签： javascript ruby-on-rails reactjs jestjs react-rails

【解决方案1】：

在您的测试文件中，执行：

import React from 'react'

describe('something',() => {
  window.React = React
  // so when you require() your component, window.React is already set
  var MyComponent = require('MyComponent').default

  it('does something', () => {
    // do something
  })
})

【讨论】：