28、网页表单的测试驱动开发

网页表单的测试驱动开发

1. 引言

在开发图形用户界面（GUI）时，如何进行单元测试并运用测试驱动开发（TDD）方法呢？本文将介绍如何对GUI进行单元测试，过程中会展示自分流（self - shunting）和模拟（mocking）等技术。

2. 背景

典型的GUI代码包含大量回调方法，这些方法会在用户与GUI交互（如点击按钮）时被调用。通常，回调方法会对领域对象进行操作，甚至执行一些SQL语句。然而，这些回调方法是在诸如WinForms或ASP.NET等环境中被调用的，很难在NUnit测试中直接调用它们。

为了减少未测试代码，首先要做的是将尽可能多的代码从回调方法中移出。但仅这样还不够，因为GUI的状态（如用户选择某行后某些按钮应被禁用）问题，不能仅通过移出回调方法中的代码来解决。这时，我们需要使用抽象这一强大工具，创建交互模型和表单抽象。下面以ASP.NET网页表单为例进行说明，该技术同样适用于Windows Forms，并且具有平台中立性。

3. 示例

为了说明问题，我们以瑞典孩子周六才能吃糖果的传统为例。假设有一盒巧克力棒、一盒棒棒糖和一盒袋装花生，孩子们可以选择三种糖果，但同一种类不能超过两个，并且假设糖果永远不会吃完。

在界面中，左窗格显示所有可用的糖果类型，用户（各个年龄段的孩子）可以从中选择糖果放入右窗格的周六糖果储备中。例如，当已经选择了一定数量的巧克力棒后，就不能再选择巧克力棒，但可以选择棒棒糖或花生。

4. 领域模型

为了继续后续的开发，我们需要一个领域模型。该模型中的 OkToAdd() 方法用于