HTML测试
对整个PHP应用程序进行测试的下一个步骤是对前端的超文本标记语言（HTML）界面进行测试。要进行这种测试，我们需要一个如下所示的Web页面。
这个页面对两个数字进行求和。为了对这个页面进行测试，我们首先从单元测试代码开始入手。
清单10.TestPage.php
require_once 'HTTP/Client.php';
require_once 'PHPUnit2/Framework/TestCase.php';
class TestPage extends PHPUnit2_Framework_TestCase
{
function get_page( $url )
{
$client = new HTTP_Client();
$client->get( $url );
$resp = $client->currentResponse();
return $resp['body'];
}
function test_get()
{
$page = TestPage::get_page( 'http://localhost/unit/add.php' );
$this->assertTrue( strlen( $page ) > 0 );
$this->assertTrue( preg_match( '/
/', $page ) == 1 );
}
function test_add()
{
$page = TestPage::get_page( 'http://localhost/unit/add.php?a=10&b=20' );
$this->assertTrue( strlen( $page ) > 0 );
$this->assertTrue( preg_match( '/
/', $page ) == 1 );
preg_match( '/(.*?)<\/span>/', $page, $out );
$this->assertTrue( $out[1]=='30' );
}
}
?>
|
这个测试使用了PEAR提供的HTTP Client模块。我发现它比内嵌的PHP Client URL Library（CURL）更简单一点儿，不过也可以使用后者。
有一个测试会检查所返回的页面，并判断这个页面是否包含HTML。第二个测试会通过将值放到请求的URL中来请求计算10和20的和，然后检查返回的页面中的结果。
这个页面的代码如下所示。
清单11.TestPage.php
这个页面相当简单。两个输入域显示了请求中提供的当前值。结果span显示了这两个值的和。标记标出了所有区别：它对于用户来说是不可见的，但是对于单元测试来说却是可见的。因此单元测试并不需要复杂的逻辑来找到这个值。相反，它会检索一个特定标记的值。这样当界面发生变化时，只要span存在，测试就可以通过。
与前面一样，首先编写测试用例，然后创建一个失败版本的页面。我们对失败情况进行测试，然后修改页面的内容使其可以工作。结果如下：
清单12.测试失败情况，然后修改页面
% phpunit TestPage.php
PHPUnit 2.2.1 by Sebastian Bergmann.
..
Time: 0.25711488723755
OK (2 tests)
%
|
这两个测试都可以通过，这就意味着测试代码可以正常工作。
不过对HTML前端的测试有一个缺陷：JavaScript。超文本传输协议（HTTP）客户机代码对页面进行检索，但是却没有执行JavaScript。因此如果我们在JavaScript中有很多代码，就必须创建用户代理级的单元测试。我发现实现这种功能的最佳方法是使用Microsoft®Internet Explorer®内嵌的自动化层功能。通过使用PHP编写的Microsoft Windows®脚本，可以使用组件对象模型（COM）接口来控制Internet Explorer，让它在页面之间进行导航，然后使用文档对象模型（DOM）方法在执行特定用户操作之后查找页面中的元素。
这是我了解的对前端JavaScript代码进行单元测试的惟一一种方法。我承认它并不容易编写和维护，这些测试即使在对页面稍微进行改动时也很容易遭到破坏。
|
