WPF MVVM Light 单元测试 ViewModels

Question

我不是 MVVM 模式的常客，这基本上是我第一次使用它。

我以前做的（“普通”WPF）是使用业务层和数据层（通常包含由服务或实体框架创建的实体）创建我的视图。

现在，经过一番玩弄后，我从 MVVM Light 创建了一个标准模板并执行了以下操作：

定位器：

public class ViewModelLocator
{
    static ViewModelLocator()
    {
        ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

        if (ViewModelBase.IsInDesignModeStatic)
        {
            SimpleIoc.Default.Register<IUserService, DesignUserService>();
        }
        else
        {
            SimpleIoc.Default.Register<IUserService, IUserService>();
        }

        SimpleIoc.Default.Register<LoginViewModel>();
    }

    public LoginViewModel Login
    {
        get
        {
            return ServiceLocator.Current.GetInstance<LoginViewModel>();
        }
    }
}

登录视图模型：

public class LoginViewModel : ViewModelBase
{
    private readonly IUserService _userService;

    public RelayCommand<Object> LoginCommand
    {
        get
        {
            return new RelayCommand<Object>(Login);
        }
    }

    private string _userName;
    public String UserName
    {
        get { return _userName; }
        set
        {
            if (value == _userName)
                return;

            _userName = value;
            RaisePropertyChanged("UserName");
        }
    }

    /// <summary>
    /// Initializes a new instance of the LoginViewModel class.
    /// </summary>
    public LoginViewModel(IUserService userService)
    {
        _userService = userService;

        _closing = true;
    }

    private void Login(Object passwordBoxObject)
    {
        PasswordBox passwordBox = passwordBoxObject as PasswordBox;
        if (passwordBox == null)
            throw new Exception("PasswordBox is null");

        _userService.Login(UserName, passwordBox.SecurePassword, result =>
        {
            if (!result)
            {
                MessageBox.Show("Wrong username or password");
            }
        });
    }
}

绑定和命令工作正常，所以没有问题。设计和测试时间的业务模型类：

public class DesignUserService : IUserService
{
    private readonly User _testUser;
    private readonly IList<User> _users;

    public void Login(String userName, SecureString password, Action<Boolean> callback)
    {
        var user = _users.FirstOrDefault(u => u.UserName.ToLower() == userName.ToLower());

        if (user == null)
        {
            callback(false);
            return;
        }

        String rawPassword = Security.ComputeHashString(password, user.Salt);
        if (rawPassword != user.Password)
        {
            callback(false);
            return;
        }

        callback(true);
    }

    public DesignUserService()
    {
        _testUser = new User
        {
            UserName = "testuser",
            Password = "123123",
            Salt = "123123"
        };

        _users = new List<User>
        {
            _testUser
        };
    }
}

UserData 是一个调用数据库（实体框架）的静态类。

现在我有我的测试：

[TestClass]
public class Login
{
    [TestMethod]
    public void IncorrectUsernameCorrectPassword()
    {
        IUserService userService = new DesignUserService();

        PasswordBox passwordBox = new PasswordBox
        {
            Password = "password"
        };
        userService.Login("nonexistingusername", passwordBox.SecurePassword, b => Assert.AreEqual(b, false));
    }
}

现在我的测试不在 ViewModel 本身，而是直接到业务层。

基本上我有两个问题：

• 我是在正确的道路上，还是在我的模式实现中存在根本缺陷？

• 如何测试我的 ViewModel？

Answer 1

您的视图模型有一段值得测试的相关代码，即Login 方法。鉴于它是私有的，应该通过LoginCommand 对其进行测试。

现在，有人可能会问，如果您已经对底层业务逻辑进行了测试，那么测试命令的目的是什么？目的是验证业务逻辑是否被调用并具有正确的参数。

如何进行这样的测试？通过使用mock。以FakeItEasy 为例：

var userServiceFake = A.Fake<IUserService>();
var testedViewModel = new LoginViewModel(userServiceFake);

// prepare data for test
var passwordBox = new PasswordBox { Password = "password" };
testedViewModel.UserName = "TestUser";

// execute test
testedViewModel.LoginCommand.Execute(passwordBox);

// verify
A.CallTo(() => userServiceFake.Login(
    "TestUser",
    passwordBox.SecurePassword,
    A<Action<bool>>.Ignored)
).MustHaveHappened();

这样您可以验证命令是否按预期调用业务层。注意Action<bool>在匹配参数时会被忽略——很难匹配Action<T>和Func<T>而且通常不值得。

几点说明：

• 您可能需要重新考虑在视图模型中包含消息框代码（这应该属于视图，视图模型应该 request 或 notify 视图以显示弹出窗口）。这样做还可以通过测试视图模型来实现更多功能（例如，不需要忽略 Action 参数）
• 有些人确实测试了INotifyPropertyChanged 属性（在您的情况下为UserName） - 当属性值更改时会引发该事件。由于这是大量样板代码，强烈建议使用工具 /library 自动执行此过程。
• 您确实希望有两组测试，一组用于视图模型（如上例所示），一组用于底层业务逻辑（您的原始测试）。在 MVVM 中，VM 是一个额外的层，它可能看起来没什么用 - 但这就是重点 - 那里没有业务逻辑，而是专注于视图层的数据重新排列/准备。