How to Unit test MVC Views?

Unit testing front end is quite different from that of backend code.

First make sure you require it or not, and whether it adds value to your testing cycle.

In many project, the UI is taken for granted to work ok if the backend code is tested ok, only thing people test is the alignment and layouts and look and feel. This cannot be tested by a test case.

If you are so keen to anyways test views, or UI then you have to use some third party tool, and industry defacto standard is Selenium.

Otherwise following are the simple examples of doing some unit tests on views which you can modify according to your view names, and view titles, etc.

[TestClass]
public class AboutViewTestCase
{
[TestMethod]
public void TestAboutViewModelRendersCorrect()
{
var controller = new AboutController();
var result = controller.Index() as ViewResult;
var model = result.Model as AboutViewModel;
Assert.IsNotNull(result);
Assert.AreEqual("About C# Corner", model.Title);
}
}

or this one:

[TestMethod]
public void MyViewTest()
{
var lController = new HomeController();
var lResult = lController.MyAction() as ViewResult;
Assert.IsTrue(lResult.ViewBag.message == "test message", "Wrong Message in Viewbag.");
Assert.IsTrue(lResult.ViewName == "Index", "Incorrect view.");
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bikesh Srivastava9y ago
https://www.codeproject.com/Articles/763928/MVC-Unit-Testing-Unleashed
Nilesh Shah9y ago
To see a demo, check attached code, go to UnitTest1.cs, TestMethod1, right click and debug tests.I cannot upload whole project due to size restrictions.
Nilesh Shah9y ago
Unit testing front end is quite different from that of backend code.

First make sure you require it or not, and whether it adds value to your testing cycle.

In many project, the UI is taken for granted to work ok if the backend code is tested ok, only thing people test is the alignment and layouts and look and feel. This cannot be tested by a test case.

If you are so keen to anyways test views, or UI then you have to use some third party tool, and industry defacto standard is Selenium.

Otherwise following are the simple examples of doing some unit tests on views which you can modify according to your view names, and view titles, etc.
[TestClass]
public class AboutViewTestCase
{
    [TestMethod]
    public void TestAboutViewModelRendersCorrect()
    {
        var controller = new AboutController();

        var result = controller.Index() as ViewResult;

var model = result.Model as AboutViewModel;

        Assert.IsNotNull(result);
        Assert.AreEqual("About C# Corner", model.Title);
    }
}
or this one:
[TestMethod]
public void MyViewTest()
{
    var lController = new HomeController();
    var lResult = lController.MyAction() as ViewResult;
    Assert.IsTrue(lResult.ViewBag.message == "test message", "Wrong Message in Viewbag.");
    Assert.IsTrue(lResult.ViewName == "Index", "Incorrect view.");
}
Ramesh Palanivel9y ago
Hi Mp,

Just test your funtionlities and desing and codes.

Every thing working fine or not.. Check whether your code fully reused and reducued the unwanded code. Remove unwanted design elements and variables.

Check confidentials data's are visible to users or not. If it hide the confidentials detail values,

Ex : Password,ATM card Number,Record Id etc...