javascript - 当您只能在#describe 范围内运行代码时，Mocha 的#beforeEach 的目的是什么？

Question

我正在从这个 article 学习 TDD并且作者谈到了 Mocha 的 beforeEach 将如何在每个断言之前为您运行一段代码。但我不明白为什么你需要这样做，因为你可以在描述范围内运行代码。

describe('Test suite for UserComponent', () => {
  beforeEach(() => {
    // Prevent duplication
    wrapper = shallow(<UserComponent
                            name={ 'Reign' }
                            age={ 26 } />);
  });

  it('UserComponent should exist', () => {
    expect(wrapper).to.exist;
  });

  it('Correctly displays the user name and age in paragraphs wrapped under a parent div', () => {
    expect(wrapper.type()).to.equal('div');
    // more code...
  });
});

但不使用 beforeEach 仍然有效 -

describe('Test suite for UserComponent', () => {

wrapper = shallow(<UserComponent
                        name={ 'Reign' }
                        age={ 26 } />);

  it('UserComponent should exist', () => {
    expect(wrapper).to.exist;
  });

  it('Correctly displays the user name and age in paragraphs wrapped under a parent div', () => {
    expect(wrapper.type()).to.equal('div');
    // more code...
  });
});

Answer 1

beforeEach 在each 测试之前执行。当代码从 beforeEach 移动到直接在传递给 describe 的函数内部时，此迭代将丢失。然而，这还不是全部。

在某些情况下，直接在传递给describe的函数内执行的代码可以执行与相同的任务beforeEach 钩子(Hook)。 例如，如果它的功能是初始化一个只读结构，该结构对于 describe block 中的测试是本地的，那么您可以跳过 beforeEach Hook 。

但是，Mocha 会立即执行传递给 describe 调用的所有回调，而 beforeEach 调用会注册传递给它的函数以供将来执行，只有在需要时才会执行。如果初始化开销很大，最好使用 beforeEach 钩子(Hook)，因为如果你使用 --grep 只选择一些测试，或者使用 it.only 运行单个测试，然后 Mocha 将仅在与实际运行的测试相关时运行 Hook 。 如果您在describe 中有初始化代码，Mocha 无法跳过它，因此您每次 都将支付初始化成本。但是，如果您是如果要使用钩子(Hook)并且数据是不可变的，那么 before 比 beforeEach 更好，因为它只会运行 一次 而不是在每次测试之前。

在某些情况下，直接在传递给 describe 的函数中运行代码根本行不通。想象一下下面的 sharedResource 是所有测试都需要使用的资源。例如，它可以是带有状态的第三方库。一些测试需要将其设置为特定状态。其他测试需要它处于不同的状态。这不起作用:

"use strict";

const assert = require('assert');

let sharedResource;

describe("in condition a", () => {
    sharedResource = true;

    it("sharedResource is true", () => assert(sharedResource));
});

describe("in condition b", () => {
    sharedResource = false;

    it("sharedResource is false", () => assert(!sharedResource));
});

第一个测试会失败，因为关键语句的执行顺序是:

1. sharedResource = true;
2. sharedResource = false;
3. assert(sharedResource);
4. assert(!sharedResource);

使用 beforeEach 可以很容易地解决这个问题。这运行良好:

"use strict";

const assert = require('assert');

let sharedResource;

describe("in condition a", () => {
    beforeEach(() => {
        sharedResource = true;
    });

    it("sharedResource is true", () => assert(sharedResource));
});

describe("in condition b", () => {
    beforeEach(() => {
        sharedResource = false;
    });

    it("sharedResource is false", () => assert(!sharedResource));
});