ASP.Net MVC單元測試

在計算機編程中,單元測試是一種軟件測試方法,通過這種方法對各個源代碼單元進行測試,以確定它們是否適合使用。 換句話說,這是一個軟件開發過程,在這個過程中,應用程序中最小的可測試部分(稱爲單元)被單獨和獨立地審查以便正確執行和操作。

在程序編程中,一個單元可以是一個完整的模塊,但更常見的是一個單獨的功能或過程。 在面向對象編程中,一個單元通常是一個完整的接口,比如一個類,但可能是一個單獨的方法。

單元測試通常是自動的,但也可以手動完成。

單元測試的目標

單元測試的主要目標是在應用程序中使用最小的可測試軟件,並確定其行爲是否與期望的完全一致。每個單元在將它們集成到模塊之前分別進行測試,以測試模塊之間的接口。

我們來看一個單元測試的簡單例子,在這個例子中使用單元測試選項來創建一個新的ASP.NET MVC應用程序。

第1步 - 打開Visual Studio,然後單擊:文件 -> 新建 -> 項目 菜單選項。一個新的項目對話框打開。
第2步 - 在左側窗格中,選擇:模板 -> Visual C# -> Web
第3步 - 在中間窗格中,選擇:ASP.NET Web應用程序
ASP.Net MVC單元測試

第4步 - 在名稱字段中輸入項目名稱爲:MVCUnitTesting,然後單擊確定 繼續。
然後將看到下面的對話框,要求設置ASP.NET項目的初始內容。

第5步 - 選擇MVC作爲模板,不要忘記選中對話框底部的添加單元測試複選框。也可以更改測試項目名稱,但在此示例中,我們將其保持原樣,因爲它是默認名稱。
ASP.Net MVC單元測試

項目由Visual Studio創建後,將在「解決方案資源管理器」窗口中看到許多文件和文件夾。

第6步 - 可以看到在解決方案資源管理器中有兩個項目。 一個是ASP.NET Web項目,另一個是單元測試項目。
ASP.Net MVC單元測試

第7步 - 運行這個應用程序,會看到下面的輸出。
ASP.Net MVC單元測試

如上圖所示,導航欄上有「首頁」,「關於」和「聯繫人」按鈕。這裏點擊「關於」鏈接,會看到下面的視圖。
ASP.Net MVC單元測試

現在展開MVCUnitTestingDemo 項目,將看到 Controllers 文件夾下的HomeController.cs 文件。
ASP.Net MVC單元測試

HomeController 包含三個操作方法,如下面的代碼所示。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MVCUnitTesting.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult About()
        {
            ViewBag.Message = "Your application description page.";

            return View();
        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Your contact page.";

            return View();
        }
    }
}

展開MVCUnitTestingDemo.Tests 項目,Controllers文件夾下的HomeControllerTest.cs文件。
ASP.Net MVC單元測試

在這個HomeControllerTest類中有三個方法,如下面的代碼所示。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web.Mvc;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using MVCUnitTesting;
using MVCUnitTesting.Controllers;

namespace MVCUnitTesting.Tests.Controllers
{
    [TestClass]
    public class HomeControllerTest
    {
        [TestMethod]
        public void Index()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.Index() as ViewResult;

            // Assert
            Assert.IsNotNull(result);
        }

        [TestMethod]
        public void About()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.About() as ViewResult;

            // Assert
            Assert.AreEqual("Your application description page.", result.ViewBag.Message);
        }

        [TestMethod]
        public void Contact()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.Contact() as ViewResult;

            // Assert
            Assert.IsNotNull(result);
        }
    }
}

這三個方法將測試IndexAboutContact操作方法是否正常工作。要測試這三個操作方法,請轉到測試 菜單。選擇:運行 -> 所有測試 項來測試這些操作方法。
ASP.Net MVC單元測試

現在會看到左邊的測試資源管理器,可以看到所有的測試都通過了。再添加一個動作方法,它用於列出所有的員工。首先,需要在Models 文件夾中添加一個Employee類。
以下是Employee類的實現 -

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVCUnitTesting.Models
{
    public class Employee
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public DateTime JoiningDate { get; set; }
        public int Age { get; set; }
    }
}

添加EmployeeController 。 右鍵單擊解決方案資源管理器 中的Controllers 文件夾,然後選擇:添加 -> 控制器 ,它將顯示「添加基架」對話框。選擇:MVC 5控制器 - 空 選項,然後點擊「添加」 按鈕,如下圖所示 -
ASP.Net MVC單元測試

添加控制器對話框將出現。將名稱設置爲:EmployeeController,然後單擊「添加」按鈕。
ASP.Net MVC單元測試

Controllers 文件夾中看到一個新的 C# 文件 - EmployeeController.cs,該文件夾在Visual Studio中打開並進行編輯。這裏使用下面的代碼更新 EmployeeController

using MVCUnitTesting.Models;
using System;
using System.Collections.Generic;
using System.Linq;

using System.Web;
using System.Web.Mvc;

namespace MVCUnitTesting.Controllers
{
    public class EmployeeController : Controller
    {
        [NonAction]

        public List<Employee> GetEmployeeList()
        {
            return new List<Employee>{
            new Employee{
               ID = 1,
               Name = "Maxsu",
               JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
               Age = 23
            },

            new Employee{
               ID = 2,
               Name = "Carson",
               JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
               Age = 45
            },

            new Employee{
               ID = 3,
               Name = "Kobe Bryant",
               JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
               Age = 37
            },

            new Employee{
               ID = 4,
               Name = "Laura",
               JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
               Age = 26
            },
         };
        }

        // GET: Employee
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Employees()
        {
            var employees = from e in GetEmployeeList()
                            orderby e.ID
                            select e;
            return View(employees);
        }
    }
}

要爲Employee操作方法添加視圖,請右鍵單擊Employees方法並選擇:添加視圖…
ASP.Net MVC單元測試

您將看到視圖的默認名稱。從「模板」下拉列表中選擇「List」,從「模型類」下拉列表中選擇「Employee」,然後單擊「確定」。

現在需要添加一個鏈接到Employees列表,打開Views/Shared 文件夾下的_layout.cshtml 文件,並在聯繫人 鏈接下面添加員工列表 鏈接。

<li>@Html.ActionLink("員工列表", "Employees", "Employee")</li>

以下是_layout.cshtml 的完整實現 -

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - 我的 ASP.NET 應用程序</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("應用程序名稱", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("主頁", "Index", "Home")</li>
                    <li>@Html.ActionLink("關於", "About", "Home")</li>
                    <li>@Html.ActionLink("聯繫方式", "Contact", "Home")</li>
                    <li>@Html.ActionLink("員工列表", "Employees", "Employee")</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>© @DateTime.Now.Year - 我的 ASP.NET 應用程序</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

要從Employee控制器測試Employees動作方法,需要在單元測試項目中添加另一個測試方法。在HomeControllerTest.cs文件中的EmployeeControllerTest類代碼之後,如下所示 -

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web.Mvc;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using MVCUnitTesting;
using MVCUnitTesting.Controllers;

namespace MVCUnitTesting.Tests.Controllers
{
    [TestClass]
    public class HomeControllerTest
    {
        [TestMethod]
        public void Index()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.Index() as ViewResult;

            // Assert
            Assert.IsNotNull(result);
        }

        [TestMethod]
        public void About()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.About() as ViewResult;

            // Assert
            Assert.AreEqual("Your application description page.", result.ViewBag.Message);
        }

        [TestMethod]
        public void Contact()
        {
            // Arrange
            HomeController controller = new HomeController();

            // Act
            ViewResult result = controller.Contact() as ViewResult;

            // Assert
            Assert.IsNotNull(result);
        }
    }

    [TestClass]
    public class EmployeeControllerTest
    {
        [TestMethod]
        public void Employees()
        {
            // Arrange
            EmployeeController controller = new EmployeeController();

            // Act
            ViewResult result = controller.Index() as ViewResult;

            // Assert
            Assert.IsNotNull(result);
        }
    }
}

測試 菜單中選擇:運行 -> 所有測試 項來測試這些操作方法。
ASP.Net MVC單元測試

可以看到Employees測試方法現在也通過了。運行應用程序時將看到以下輸出。
ASP.Net MVC單元測試

點擊導航欄中的「員工列表」選項,將看到員工列表信息,如下圖所示 -
ASP.Net MVC單元測試