嘗試使用Web自動化測試框架WatiN進行TDD

嘗試使用Web自動化測試框架WatiN進行TDD

作者: 未知    來源: 網絡轉載

        這兩天聽說了一個很不錯的基于.NET平臺的Web自動化測試框架WatiN，下載試用了一下，的確很好用。它的基本功能和Selenium有點像，但是不如Selenium強大，沒有腳本錄制，只支持IE6/7等。它基本功能包括自動操作大部分的HTML元素，多種查找方式，支持AJAX，支持frame/iframe，支持彈出框等等?，F在用一個簡單的例子來看看怎樣使用WatiN來進行TDD。

        在這個例子中，基于Northwind數據庫實現這樣一個功能，通過ID查找某個Customer，列出相關基本信息，然后能夠查找他關聯的所有Order?，F在就來一步一步實現吧。（開發工具是Visual Studio 2008 beta2， 測試框架包括NUnit和WatiN）

（回憶一下測試驅動開發的幾個步驟：寫測試 --> 測試失敗 --> 編寫實現 --> 測試通過 --> 如有重復代碼進行重構 --> 重復）

        在這里我將上面的功能分為兩步來實現：1. 查找Customer，如果找到就列出信息。 2. 查找關聯的Order。下面先實現第一個部分：

        先想想該頁面需要哪些控件，一個輸入框，用來輸入Customer的ID；一個按鈕，用來查找動作，點擊按鈕以后，如果找到該Customer，就列出他的ID和他的Company Name。

  [TestFixture]
  public class FindCustomerAndOrders
  {
      [Test]
      public void ShouldFindCustomer()
      {
          IE ie = new IE("http://localhost:1781/Default.aspx");

          ie.TextField(Find.ById("tb_customerID")).TypeText("ALFKI");
          ie.Button(Find.ById("btn_find_customer")).Click();

          Assert.That(ie.ContainsText("ALFKI"), Is.True);
          Assert.That(ie.ContainsText("Alfreds Futterkiste"), Is.True);

          ie.Close();
      }

  }

        簡單解釋一下，首先創建一個IE，進入頁面，然后查找ID為"tb_customerID"的文本框，輸入文字"ALFKI"，然后查找ID為"btn_find_customer"的按鈕并點擊。接下來的兩個斷言表示頁面應該出現"ALFKI"即Customer的ID和"Alfreds Futterkiste"即該Customer的Company Name。最后關閉IE。

        運行測試，由于現在還沒有創建該頁面，測試很明顯不能通過。錯誤信息是沒有找到這個文本框

現在的目的就是要使測試通過，現在便創建這個頁面，并且添加相應的代碼：

aspx:

<asp:TextBox runat="server" ID="tb_customerID"></asp:TextBox>
    &nbsp; &nbsp;
    <asp:Button runat="server" ID="btn_find_customer" Text="Find Customer" />
    <br />
    <br />
    <asp:Panel ID="pnl_customerInfo" runat="server" GroupingText="Customer Information"
        Visible="false">
        CustomerID:
        <asp:Label ID="lbl_customerID" runat="server"></asp:Label>
        <br />
        Company Name:
        <asp:Label ID="lbl_companyName" runat="server"></asp:Label>
    </asp:Panel>
aspx.cs:

 protected void Page_Load(object sender, EventArgs e)
 {
     btn_find_customer.Click += new EventHandler(btn_find_customer_Click);
 }
 void btn_find_customer_Click(object sender, EventArgs e)
 {
     lbl_customerID.Text = "ALFKI";
     lbl_companyName.Text = "Alfreds Futterkiste";
     pnl_customerInfo.Visible = true;
 }

        再次運行測試，看見綠條，測試通過。不過這里只是一個假實現并沒有真正實現查找功能，我們需要對測試進行修改使之更加完善。

 IE ie = new IE("http://localhost:1781/Default.aspx");

 ie.TextField(Find.ById("tb_customerID")).TypeText("ALFKI");
 ie.Button(Find.ById("btn_find_customer")).Click();

 Assert.That(ie.ContainsText("ALFKI"), Is.True);
 Assert.That(ie.ContainsText("Alfreds Futterkiste"), Is.True);

 ie.TextField(Find.ById("tb_customerID")).TypeText("AROUT");
 ie.Button(Find.ById("btn_find_customer")).Click();

 Assert.That(ie.ContainsText("AROUT"), Is.True);
 Assert.That(ie.ContainsText("Around the Horn"), Is.True);

 ie.Close();

        運行測試，又會出現紅條了，測試失敗?，F在要考慮實現一個真正的在數據庫中的查找功能，怎么開始做呢？當然還是由測試開始，有了上面的基礎，現在寫的測試跨庫可以稍微大點：

 [TestFixture]
 public class CustomerDAOTests
 {
     [Test]
     public void ShouldFoundCustomerByID()
     {
         string id = "ALFKI";
         string comName = "Alfreds Futterkiste";

         CustomerDAO customerDAO = new CustomerDAO();
         Customer found = customerDAO.FindCustomerByID(id);
        
         Assert.That(found, Is.Not.Null);
         Assert.That(found.CustomerID, Is.EqualTo(id));
         Assert.That(found.CompanyName, Is.EqualTo(comName));

         id = "AROUT";
         comName = "Around the Horn";
         found = customerDAO.FindCustomerByID(id);

         Assert.That(found, Is.Not.Null);
         Assert.That(found.CustomerID, Is.EqualTo(id));
         Assert.That(found.CompanyName, Is.EqualTo(comName));
     }
 }

        這段代碼不能編譯，因為并沒有CustomerDAO這個類，所以得新增該類以及FindCustomerByID方法，而且上面的測試中已經包括了兩個測試場景，現在可以直接寫實現：

 public class CustomerDAO
 {
     public Customer FindCustomerByID(string id)
     {
         using (NorthwindDataContext ctx = new NorthwindDataContext())
         {
             IQueryable<Customer> customers = ctx.Customers.Where(c => c.CustomerID == id);
             if (customers.Count() > 0)
                 return customers.Single();
             else
                 return null;
         }
     }

 }

        運行一下該測試，通過！然后再將aspx.cs里面的代碼進行改動使Web頁面的測試通過

 void btn_find_customer_Click(object sender, EventArgs e)
 {
     string id = tb_customerID.Text;

     Customer c = customerDAO.FindCustomerByID(id);
     if (c == null)
         return;

     lbl_customerID.Text = c.CustomerID;
     lbl_companyName.Text = c.CompanyName;

     pnl_customerInfo.Visible = true;
 }

        不錯，現在第一部分功能已經完成了，所有測試已經通過了，這時候我們可以打開瀏覽器，試試查找Customer的功能。

        回頭看看剛才寫的測試代碼，有很多重復的地方，這是不好的，需要進行重構。這里也就不列出重構代碼了。

        到我們實現第二部分的時候了，列出該用戶相關的所有Order。在這里也不再詳細些步驟了，就放出測試代碼，實現的話還是很容易的 :) 當然測試并不完全，需要更加完善。

web頁面測試代碼：

 [Test]
 public void ShouldFindOrders()
 {
     string id = "ALFKI";

     ie.TextField(Find.ById("tb_customerID")).TypeText(id);
     ie.Button(Find.ById("btn_find_customer")).Click();
     ie.Button(Find.ById("btn_find_orders")).Click();

     Table ordersTable = ie.Table(Find.ById("grdv_orders"));

     Assert.That(ordersTable, Is.Not.Null);
     Assert.That(ordersTable.TableRows.Length, Is.EqualTo(6 + 1));
 }
DAO測試代碼：

 [TestFixture]
 public class OrderDAOTests
 {
     [Test]
     public void ShouldFindOrdersByCustomerID()
     {
         string id = "ALFKI";

         OrderDAO orderDAO = new OrderDAO();
         List<Order> orders = orderDAO.FindOrdersByCustomerID(id);

         Assert.That(orders.Count, Is.EqualTo(6));
     }
 }

原文轉自：http://www.anti-gravitydesign.com