Question

I have an MVC project and lots of TDD unit tests for testing the passing of data which all work fine.
However, I am now going to add some tests for the GUI.

How would I go about testing something such as the below:

If home/page1, pressing “next” submit should goto “/Page2”.

I still dont quite understand how to do tests on UI based features.

Answer 1

If you want to test the actions of the controller you can do something like that
(i’m assuming a lot of things in this test but I hope you get the essentials)

[Test]
public void Page1_Post_IfallDataOK_ShouldSaveAndReturnPage2()
{
  var controller = new HomeController(repository.Object); //repository is: Mock<IRepository>
  var result = controller.Page1(new MyModel() {MyValue = "test"});
  Assert.IsInstanceOfType(typeof(RedirectToRouteResult), result);
  var redirect = (RedirectToRouteResult)result;
  Assert.AreEqual("Page2", redirect.RouteValues["action"]);
  repository.Verify(x => x.Save(It.IsAny<MyModel>()), Times.Once());
}