前端测试框架Jest系列教程 -- Global Functions(全局函数)

时间:2022-06-05 10:03:12

写在前面:

  Jest中定义了很多全局性的Function供我们使用,我们不必再去引用别的包来去实现类似的功能,下面将列举Jest中实现的全局函数。

Jest Global Functions

afterAll(fn, timeout)

从字面意思就可以理解到它是在所有测试运行完之后才会执行的,如果你的测试中包含promise,则将会等待promise被验证之后被执行。

你还可以提供一个timeout的参数(以毫秒为单位),用于指定在终止前等待的时间。注意:默认的超时是5秒。

如果您想要清理一些跨测试共享的全局设置状态,这通常是有用的。

const globalDatabase = makeGlobalDatabase();

function cleanUpDatabase(db) {
db.cleanUp();
} afterAll(() => {
cleanUpDatabase(globalDatabase);
}); test('can find things', () => {
return globalDatabase.find('thing', {}, results => {
expect(results.length).toBeGreaterThan(0);
});
}); test('can insert a thing', () => {
return globalDatabase.insert('thing', makeThing(), response => {
expect(response.success).toBeTruthy();
});
});

在这里,afterAll确保在所有测试运行后调用cleanUpDatabase。

如果在描述块内部,它在描述块的末尾运行。

如果你想在每次测试之后运行一些清理,而不是在所有测试之后,使用afterEach代替。

afterEach(fn, timeout)

在该文件中的每一个测试完成后运行一个函数。如果函数返回一个promise,Jest会等待该promise在继续之前解决。

你还可以提供一个超时(以毫秒为单位),用于指定在终止前等待的时间。注意:默认的超时是5秒。

如果您想清除每个测试创建的临时状态,这通常是有用的。

const globalDatabase = makeGlobalDatabase();

function cleanUpDatabase(db) {
db.cleanUp();
} afterEach(() => {
cleanUpDatabase(globalDatabase);
}); test('can find things', () => {
return globalDatabase.find('thing', {}, results => {
expect(results.length).toBeGreaterThan(0);
});
}); test('can insert a thing', () => {
return globalDatabase.insert('thing', makeThing(), response => {
expect(response.success).toBeTruthy();
});
});

在这里,afterEach确保在每次测试运行后调用cleanUpDatabase。

如果每个都在一个描述块内,它只在这个描述块内的测试之后运行。

如果你只想在运行完所有测试之后运行一些清理工作,那么使用afterAll代替。

beforeAll(fn, timeout)

在该文件运行的任何测试之前运行一个函数。如果函数返回一个承诺,则Jest会等待在运行测试之前解决这个问题。

你还可以提供一个超时(以毫秒为单位),用于指定在终止前等待的时间。注意:默认的超时是5秒。

如果你想设置一些将被许多测试使用的全局状态,这通常是有用的。

const globalDatabase = makeGlobalDatabase();

beforeAll(() => {
// Clears the database and adds some testing data.
// Jest will wait for this promise to resolve before running tests.
return globalDatabase.clear().then(() => {
return globalDatabase.insert({testData: 'foo'});
});
}); // Since we only set up the database once in this example, it's important
// that our tests don't modify it.
test('can find things', () => {
return globalDatabase.find('thing', {}, results => {
expect(results.length).toBeGreaterThan(0);
});
});

在这里,beforeAll确保在测试运行之前建立数据库。

如果设置是同步的,那么你可以在没有以前的情况下这样做。关键是Jest将等待一个promise来解决,因此你也可以拥有异步设置。

如果beforeAll在一个描述块中,它在描述块的开始处运行。 如果你想在每次测试之前运行一些东西,而不是在任何测试之前运行,那么请在每个测试之前使用。

beforeEach(fn, timeout)

在该文件运行的每个测试之前运行一个函数。如果函数返回一个promise,Jest将等待该承诺在运行测试之前解决。

你还可以提供一个超时(以毫秒为单位),用于指定在终止前等待的时间。注意:默认的超时是5秒。

如果你想要重置一些将被许多测试所使用的全局状态,这通常是有用的。

const globalDatabase = makeGlobalDatabase();

beforeEach(() => {
// Clears the database and adds some testing data.
// Jest will wait for this promise to resolve before running tests.
return globalDatabase.clear().then(() => {
return globalDatabase.insert({testData: 'foo'});
});
}); test('can find things', () => {
return globalDatabase.find('thing', {}, results => {
expect(results.length).toBeGreaterThan(0);
});
}); test('can insert a thing', () => {
return globalDatabase.insert('thing', makeThing(), response => {
expect(response.success).toBeTruthy();
});
});

在此之前,每个测试都要重置数据库。

如果在一个描述块内部,它运行在描述块中的每个测试。

如果你只需要运行一些设置代码,在任何测试运行之前,就使用之前的所有代码。

describe(name, fn)

describe(name, fn)创建一个块,在一个“测试套件”中,将几个相关的测试组合在一起。

const myBeverage = {
delicious: true,
sour: false,
}; describe('my beverage', () => {
test('is delicious', () => {
expect(myBeverage.delicious).toBeTruthy();
}); test('is not sour', () => {
expect(myBeverage.sour).toBeFalsy();
});
});

这不是必需的——你可以直接在顶层编写测试块。但是,如果您希望将测试组织成组,那么这就很方便了。

const binaryStringToNumber = binString => {
if (!/^[01]+$/.test(binString)) {
throw new CustomError('Not a binary number.');
} return parseInt(binString, 2);
}; describe('binaryStringToNumber', () => {
describe('given an invalid binary string', () => {
test('composed of non-numbers throws CustomError', () => {
expect(() => binaryStringToNumber('abc')).toThrowError(CustomError);
}); test('with extra whitespace throws CustomError', () => {
expect(() => binaryStringToNumber(' 100')).toThrowError(CustomError);
});
}); describe('given a valid binary string', () => {
test('returns the correct number', () => {
expect(binaryStringToNumber('100')).toBe(4);
});
});
});

describe.only(name, fn)

如果你只想运行一次模块测试的话你可以使用 only

describe.only('my beverage', () => {
test('is delicious', () => {
expect(myBeverage.delicious).toBeTruthy();
}); test('is not sour', () => {
expect(myBeverage.sour).toBeFalsy();
});
}); describe('my other beverage', () => {
// ... will be skipped
});

describe.skip(name, fn) describe 等价于 xdescribe

你可以使用skip 跳过某一个测试

describe('my beverage', () => {
test('is delicious', () => {
expect(myBeverage.delicious).toBeTruthy();
}); test('is not sour', () => {
expect(myBeverage.sour).toBeFalsy();
});
}); describe.skip('my other beverage', () => {
// ... will be skipped
});

使用跳过通常只是一种比较简单的替代方法,如果不想运行则可以暂时将大量的测试注释掉。

require.requireActual(moduleName)

返回实际的模块而不是模拟,绕过所有检查模块是否应该接收模拟实现。

require.requireMock(moduleName)

返回一个模拟模块,而不是实际的模块,绕过所有检查模块是否正常。

test(name, fn, timeout) 等价于 it(name, fn, timeout)

在测试文件中,您所需要的是运行测试的测试方法。例如,假设有一个函数inchesOfRain()应该是零。你的整个测试可以是:

test('did not rain', () => {
expect(inchesOfRain()).toBe(0);
});

第一个参数是测试名称;第二个参数是包含测试期望的函数。第三个参数(可选)是超时(以毫秒为单位),用于指定在中止前等待多长时间。注意:默认的超时是5秒。

注意:如果测试返回了一个promise,Jest会在测试完成之前等待promise。Jest还将等待,如果你为测试函数提供一个参数,通常称为done。当你想要测试回调时,这将非常方便。请参见如何在此测试异步代码。

例如,假设fetchBeverageList()返回一个承诺,该承诺将解析到其中有lemon的列表。你可以用:

test('has lemon in it', () => {
return fetchBeverageList().then(list => {
expect(list).toContain('lemon');
});
});

即使对测试的调用会立即返回,测试也不会完成,直到promise解决。

test.only(name, fn, timeout)等同于 it.only(name, fn, timeout) or fit(name, fn, timeout)

在调试大型代码库时,通常只希望运行一个子集的测试。您可以使用。只指定哪些测试是您想要运行的。

您还可以提供一个超时(以毫秒为单位),用于指定在终止前等待的时间。注意:默认的超时是5秒。

test.only('it is raining', () => {
expect(inchesOfRain()).toBeGreaterThan(0);
}); test('it is not snowing', () => {
expect(inchesOfSnow()).toBe(0);
});

只有“it is raining”测试才会运行,因为它是用test运行的。

通常你不会使用测试来检查代码。只有在源代码控制中——您将仅用于调试,并在修复了故障测试后删除它。

test.skip(name, fn)等同于it.skip(name, fn) or xit(name, fn) or xtest(name, fn)

当您维护一个大型的代码库时,您可能有时会发现由于某种原因而临时中断的测试。

如果您想跳过这个测试,但是您不想仅仅删除这个代码,您可以使用skip指定一些测试来跳过。

test('it is raining', () => {
expect(inchesOfRain()).toBeGreaterThan(0);
}); test.skip('it is not snowing', () => {
expect(inchesOfSnow()).toBe(0);
});

只有“it is raining”测试运行,因为另一个测试运行test . skip。 您可以简单地对测试进行注释,但是使用skip会更好一些,因为它将保持缩进和语法突出。

写在最后:

  本文介绍了一些Jest中的全局函数,可以在任意地方方便的使用。

系列教程:

   1. 前端测试框架Jest系列教程 -- Matchers(匹配器)

   2.前端测试框架Jest系列教程 -- Asynchronous(测试异步代码)

   3.前端测试框架Jest系列教程 -- Mock Functions(模拟器)

   4.前端测试框架Jest系列教程 -- Global Functions(全局函数)