如何导入 Jest？

Question

我想在我的 Jest 测试代码中去掉全局变量。具体describe、it和expect：

describe('Welcome (Snapshot)', () => {
  it('Welcome renders hello world', () => {
     ...
  });
});

所以我尝试添加：

import {describe,it} from 'jest';

和

import jest from 'jest';

jest.describe( ...
  jest.it( ...

还有其他变体...

但没有运气。

我应该如何让它工作？

Answer 1

2020 年更新：

试试下面的代码：

import {describe, expect, it } from '@jest/globals'

如果您更喜欢显式导入，则可以从 '@jest/globals' 导入 {describe, expect, test}。

来源https://jestjs.io/docs/en/api

Answer 2

我同样不喜欢使用或依赖全局变量，在不同项目中复制/粘贴各种解决方法后，我决定创建 jest-without-globals 作为一个非常小包装器以支持导入 Jest 的功能。

Per the usage documentation，使用起来很简单：

import { describe, it, expect } from 'jest-without-globals'

describe('describe should create a section', () => {
  it('it should checkmark', () => {
    expect('').toBe('')
   })
})

Jest's API 以及jest 和expect 中可用的所有函数都可以从jest-without-globals 导入。

使用jest-without-globals，我不再需要复制/粘贴变通方法，也不需要像 ESLint 的jest 环境那样配置设置，它只是作为一个简单的导入工作。

它也是用 TypeScript 编写的，因此您可以进行开箱即用的输入，而且它已经过全面测试以确保它能够正常工作。

Answer 3

对此最简单的解决方案是将jest: true 添加到ESLint 中的env 配置中，如下所示：

"env": {
  "browser": true,
  "node": true,
  "jasmine": true,
  "jest": true,
  "es6": true
},

Answer 4

当我意识到 Jest 在 Node.js 中运行后，它意识到我可以这样做：

let { describe, it } = global;

它并不完美，但更近了一步......现在我不再需要使用全局变量配置我的 linter。