在TypeScript項(xiàng)目中進(jìn)行BDD測(cè)試

第在TypeScript項(xiàng)目中進(jìn)行BDD測(cè)試目錄什么是BDDGherkin語(yǔ)法給TypeScript項(xiàng)目配置BDD測(cè)試框架Cucumber.js

什么是BDD

BDD(Behavior-DrivenDesign)是軟件團(tuán)隊(duì)的一種工作方式，通過以下方式縮小業(yè)務(wù)人員和技術(shù)人員之間的差距：

鼓勵(lì)跨角色協(xié)作，建立對(duì)待解決問題的共同理解以快速、小迭代的方式工作，以增加反饋和價(jià)值流生成系統(tǒng)文檔，自動(dòng)對(duì)照系統(tǒng)行為進(jìn)行檢查

我們通過將協(xié)作工作的重點(diǎn)放在具體的、真實(shí)的例子上來實(shí)現(xiàn)這一點(diǎn)，這些例子說明了我們希望系統(tǒng)如何運(yùn)行。我們用這些例子來指導(dǎo)我們?cè)诔掷m(xù)合作的過程中從概念到實(shí)施。

Gherkin語(yǔ)法

BDD特性(Feature)描述采用Gherkin語(yǔ)法。Gherkin使用一組特殊的關(guān)鍵字為可執(zhí)行規(guī)范提供結(jié)構(gòu)和意義。每個(gè)關(guān)鍵詞都被翻譯成多種語(yǔ)言；在本參考資料中，我們將使用英語(yǔ)。

Cucumber是流行的BDD測(cè)試框架，支持各種平臺(tái)，其文檔中的大多數(shù)行都以一個(gè)關(guān)鍵字開頭。

注釋僅允許出現(xiàn)在新行的開頭，即要素文件中的任何位置。它們以零個(gè)或多個(gè)空格開頭，后跟散列符號(hào)（#）和一些文本。(Cucumber目前不支持區(qū)塊注釋。)

空格或制表符可用于縮進(jìn)。建議的縮進(jìn)級(jí)別為兩個(gè)空格。下面是一個(gè)例子：

Feature:Guesstheword

#Thefirstexamplehastwosteps

Scenario:Makerstartsagame

WhentheMakerstartsagame

ThentheMakerwaitsforaBreakertojoin

#Thesecondexamplehasthreesteps

Scenario:Breakerjoinsagame

GiventheMakerhasstartedagamewiththeword"silky"

WhentheBreakerjoinstheMaker'sgame

ThentheBreakermustguessawordwith5characters

Gherkin語(yǔ)法具體可以參考GherkinReference-CucumberDocumentation

給TypeScript項(xiàng)目配置BDD測(cè)試框架Cucumber.js

通過命令yarnadd-D@cucumber/cucumberchai安裝BDD測(cè)試框架Cucumber.js和斷言(Assert)框架chai。

創(chuàng)建目錄features，在目錄下創(chuàng)建文件bank-account.feature，內(nèi)容如下：

#features/bank-account.feature

Feature:BankAccount

Scenario:Storesmoney

GivenAbankaccountwithstartingbalanceof$100

When$100isdeposited

ThenThebankaccountbalanceshouldbe$200

此文檔描述了存款場(chǎng)景，銀行存款賬戶有100美金，存入100美金，則賬戶應(yīng)該有200美金。

創(chuàng)建step-definitions\bank-account.steps.ts

const{Given,Then,When}=require('@cucumber/cucumber');

const{assert}=require('chai');

letaccountBalance=0;

Given('Abankaccountwithstartingbalanceof${int}',function(amount){

accountBalance=amount;

When('${int}isdeposited',function(amount){

accountBalance=Number(accountBalance)+Number(amount);

Then('Thebankaccountbalanceshouldbe${int}',function(expectedAmount){

assert.equal(accountBalance,expectedAmount);

我們需要?jiǎng)?chuàng)建與之對(duì)應(yīng)的測(cè)試代碼，代碼將通過類型與特性文件中輸入和輸出驗(yàn)證進(jìn)行映射，其中Given對(duì)應(yīng)的方法將獲得100美金初始賬戶金額的映射，傳給accountBalance。在When對(duì)應(yīng)的方法中，amount測(cè)試會(huì)獲得存入100美金的金額映射。最后，在Then對(duì)應(yīng)的方法中expectedAmount會(huì)映射到200美金，用來驗(yàn)證最后是否與accountBalance相等，如果相等斷言正常返回，否則BDD判斷測(cè)試Case失敗。

我們可以通過命令

yarncucumber-jsfeatures\**\*.feature-rstep-definitions\**\*.js

運(yùn)行測(cè)試。

要想完成自動(dòng)化配置，可以在工程根目錄下創(chuàng)建文件cucumber.js，內(nèi)容如下：

//cucumber.js

letcommon=[

'features/**/*.feature',//Specifyourfeaturefiles

'--requirestep-definitions/**/*.js',//Loadstepdefinitions

'--formatprogress-bar',//Loadcustomformatter

].join('');

module.exports={

default:common

再次執(zhí)行命令yarncucumber-js，通過cucumber.js文件中的配置項(xiàng)，會(huì)自動(dòng)找到feature文件和步驟定義腳本文件，完成BDD