编辑“︁JavaScript BDD行为驱动开发”︁

= JavaScript BDD行为驱动开发 =

'''行为驱动开发'''（Behavior-Driven Development，简称BDD）是一种敏捷软件开发方法，它通过自然语言描述系统行为来指导开发过程。BDD强调开发者、测试人员和业务人员之间的协作，确保软件功能符合业务需求。在JavaScript中，BDD通常通过测试框架（如Jasmine、Mocha或Cucumber.js）实现。

== 核心概念 ==
BDD的核心思想是使用'''可读性强的自然语言'''描述功能，并将其转化为可执行的测试用例。主要特点包括：
* '''Given-When-Then'''结构：描述测试场景的初始条件（Given）、触发事件（When）和预期结果（Then）。
* '''协作导向'''：鼓励开发团队与非技术人员（如产品经理）共同定义需求。
* '''测试即文档'''：测试用例本身可以作为系统行为的文档。

=== BDD与TDD的区别 ===
{| class="wikitable"
|-
! 特性 !! BDD !! TDD
|-
| 关注点 || 系统行为 || 代码功能
|-
| 语言 || 自然语言（如英语） || 编程语言
|-
| 参与者 || 开发者、测试人员、业务人员 || 开发者
|-
| 测试结构 || Given-When-Then || Assertions
|}

== JavaScript中的BDD框架 ==
以下是常见的JavaScript BDD框架：
* '''Jasmine'''：独立的BDD框架，无需其他库支持。
* '''Mocha + Chai'''：Mocha提供测试结构，Chai提供断言库（支持BDD风格）。
* '''Cucumber.js'''：支持纯文本描述的BDD工具。

=== 示例：Jasmine测试 ===
以下是一个简单的Jasmine测试示例，验证用户登录功能：

<syntaxhighlight lang="javascript">
describe("User Login", function() {
  let user;

  beforeEach(function() {
    user = new User("test@example.com", "password123");
  });

  it("should authenticate with valid credentials", function() {
    const result = user.login("test@example.com", "password123");
    expect(result).toBe(true);
  });

  it("should reject invalid password", function() {
    const result = user.login("test@example.com", "wrongpass");
    expect(result).toBe(false);
  });
});
</syntaxhighlight>

'''输出说明'''：
* <code>describe</code> 定义测试套件。
* <code>beforeEach</code> 在每个测试前初始化数据。
* <code>it</code> 描述单个测试用例。
* <code>expect</code> 断言预期结果。

== Given-When-Then模式 ==
BDD测试通常遵循以下结构：

<mermaid>
flowchart LR
  A[Given 初始状态] --> B[When 触发事件]
  B --> C[Then 预期结果]
</mermaid>

=== Cucumber.js示例 ===
Cucumber.js允许使用纯文本定义测试：

<syntaxhighlight lang="gherkin">
Feature: User Login
  Scenario: Successful login
    Given a registered user with email "test@example.com" and password "password123"
    When the user logs in with correct credentials
    Then the system should grant access
</syntaxhighlight>

对应的JavaScript实现：
<syntaxhighlight lang="javascript">
const { Given, When, Then } = require('@cucumber/cucumber');

Given('a registered user with email {string} and password {string}', 
  function(email, password) {
    this.user = new User(email, password);
});

When('the user logs in with correct credentials', function() {
  this.result = this.user.login(this.user.email, this.user.password);
});

Then('the system should grant access', function() {
  assert.strictEqual(this.result, true);
});
</syntaxhighlight>

== 实际应用案例 ==
=== 案例：电子商务购物车 ===
需求描述：
* 用户添加商品到购物车后，总价应自动更新。
* 如果商品数量为0，应从购物车移除。

'''BDD测试描述'''：
<syntaxhighlight lang="gherkin">
Feature: Shopping Cart
  Scenario: Add item to cart
    Given an empty shopping cart
    When user adds 2 units of "Product A" priced at $10 each
    Then the cart total should be $20

  Scenario: Remove item when quantity is zero
    Given a cart containing 1 unit of "Product B"
    When user updates quantity to 0
    Then "Product B" should be removed from cart
</syntaxhighlight>

'''JavaScript实现'''（使用Mocha + Chai）：
<syntaxhighlight lang="javascript">
const { expect } = require('chai');

class ShoppingCart {
  constructor() {
    this.items = [];
  }
  addItem(product, quantity, price) {
    this.items.push({ product, quantity, price });
  }
  updateQuantity(product, newQuantity) {
    const item = this.items.find(i => i.product === product);
    if (newQuantity <= 0) {
      this.items = this.items.filter(i => i.product !== product);
    } else {
      item.quantity = newQuantity;
    }
  }
  getTotal() {
    return this.items.reduce((sum, item) => sum + (item.quantity * item.price), 0);
  }
}

describe('ShoppingCart', () => {
  let cart;
  beforeEach(() => { cart = new ShoppingCart(); });

  it('should calculate total when adding items', () => {
    cart.addItem('Product A', 2, 10);
    expect(cart.getTotal()).to.equal(20);
  });

  it('should remove item when quantity is zero', () => {
    cart.addItem('Product B', 1, 15);
    cart.updateQuantity('Product B', 0);
    expect(cart.items).to.have.lengthOf(0);
  });
});
</syntaxhighlight>

== 数学表达 ==
BDD中的断言可以表示为逻辑命题。例如，购物车总价计算：
<math>
\text{total} = \sum_{i=1}^{n} (q_i \times p_i)
</math>
其中：
* <math>q_i</math> = 第i项商品的数量
* <math>p_i</math> = 第i项商品的单价

== 最佳实践 ==
* 使用'''描述性测试名称'''：测试名称应清晰表达意图（如<code>it('should deduct inventory when order is placed')</code>）。
* 保持测试独立：每个测试不应依赖其他测试的状态。
* 避免过度细节：测试应关注行为而非实现细节。
* 定期重构测试：随着需求变化更新测试用例。

== 总结 ==
BDD通过自然语言描述系统行为，促进团队协作并提高代码质量。JavaScript开发者可以利用Jasmine、Mocha或Cucumber.js等框架实现BDD流程。关键步骤包括：
# 用Given-When-Then定义需求
# 将需求转化为可执行测试
# 实现功能并通过测试验证

通过持续实践，BDD能显著提升项目的可维护性和需求符合度。

[[Category:编程语言]]
[[Category:JavaScript]]
[[Category:Javascript测试]]