[MVVM] 4.Dependency Injection과 Service Locator 패턴, DI와 MVVM을 활용한 테스트 가능한 구조 설계

최근 소프트웨어 개발에서 효율성과 유지보수성을 높이기 위해 다양한 디자인 패턴이 등장하고 있습니다. 그 중에서도 Dependency Injection (DI)Service Locator 패턴은 특히 인기 있는 방법론으로, WPF (Windows Presentation Foundation) 개발에 강력한 도구가 될 수 있습니다. 본 글에서는 이 두 패턴의 개념을 설명하고, MVVM (Model-View-ViewModel) 아키텍처와 결합하여 테스트 가능성을 높이는 방법에 대해 다루겠습니다.

1. Dependency Injection (DI)란?

Dependency Injection은 클래스가 필요로 하는 의존성을 외부에서 주입하는 디자인 패턴입니다. 이 방법은 객체의 생성과 생애 주기를 관리하는 책임을 줄여, 보다 유연하고 테스트 가능한 코드를 작성하는 데 도움을 줍니다.

1.1 실용적인 정의

DI는 기본적으로 클래스의 의존성을 명시적으로 생성자, 메서드 인자, 혹은 프로퍼티를 통해 외부에서 주입함으로써 객체 간의 의존성을 감소시킵니다. DI를 이용하면 코드의 결합도를 줄이고, 재사용성과 테스트 용이성을 높일 수 있습니다.

1.2 DI의 장점

  • 역할 분리: 객체 간의 의존성을 줄여서 테스트가 용이해집니다.
  • 모듈화: 각 서비스나 컴포넌트를 쉽게 교체하고 수정할 수 있습니다.
  • 유연성: 구성 파일에서 설정하여, 런타임 시에 의존성을 변경할 수 있습니다.

2. Service Locator 패턴

Service Locator 패턴은 애플리케이션의 전역 상태에서 객체를 조회하는 방법입니다. DI와는 정반대로, 의존성을 주입하는 것이 아니라 특정 서비스의 위치를 인식하고 해당 서비스를 검색하여 사용하는 방식입니다.

2.1 서비스 로케이터의 정의

Service Locator는 애플리케이션의 다른 구성 요소가 필요로 하는 서비스의 인스턴스를 관리하고 제공하는 객체입니다. 서비스 로케이터는 주로 전역적으로 사용되지만, 코드의 가독성을 해치고 테스트하기 어려운 경향이 있습니다.

2.2 서비스 로케이터의 장점

  • Quick Access: 필요한 서비스에 쉽게 접근할 수 있습니다.
  • Centralized Management: 모든 서비스 인스턴스를 중앙에서 관리할 수 있습니다.

2.3 단점

  • 테스트 불가: 서비스 로케이터를 사용하면, 테스트 시 Mock 객체를 활용하기가 어렵습니다.
  • 코드 가독성 저하: 의존성 주입 방식보다 코드가 복잡해질 수 있습니다.

3. DI와 MVVM을 활용한 테스트 가능한 구조 설계

MVVM은 WPF 애플리케이션의 아키텍처 패턴 중 하나로, UI와 비즈니스 로직을 분리하여 개발하는 방법입니다. 이와 DI를 결합하면, 테스트 가능한 구조를 쉽게 설계할 수 있습니다.

3.1 MVVM의 기본 개념

MVVM은 Model, View, ViewModel의 세 가지 구성 요소로 이루어져 있습니다. 각 요소의 역할은 다음과 같습니다:

  • Model: 애플리케이션의 데이터와 비즈니스 로직을 포함합니다.
  • View: 사용자 인터페이스(UI) 요소를 정의합니다.
  • ViewModel: Model과 View 간의 상호작용을 관리합니다.

3.2 DI와 MVVM의 결합

DI를 MVVM 패턴에서 활용하는 방법은 주로 ViewModel을 외부의 의존성에 주입함으로써 이루어집니다. 이렇게 하면 ViewModel이 직접 Dependency를 생성하는 것이 아니라, DI 컨테이너에 의해 주입받아 테스트할 수 있는 환경을 만듭니다.

3.3 예제 코드


public interface IDataService
{
    List<string> GetData();
}

public class DataService : IDataService
{
    public List<string> GetData()
    {
        // 실재 구현
    }
}

public class MainViewModel
{
    private readonly IDataService _dataService;

    public MainViewModel(IDataService dataService)
    {
        _dataService = dataService;
        Data = _dataService.GetData();
    }

    public List<string> Data { get; }
}

3.4 IoC 컨테이너 사용하기

IoC (Inversion of Control) 컨테이너는 DI를 구현하는 일반적인 방법입니다. C#에서 널리 사용되는 IoC 컨테이너로는 Autofac, Unity, Ninject 등이 있습니다. 다음은 Autofac을 사용하여 DI를 설정하는 예입니다.


var builder = new ContainerBuilder();
builder.RegisterType<DataService>().As<IDataService>();
builder.RegisterType<MainViewModel>();
var container = builder.Build();

var mainViewModel = container.Resolve<MainViewModel>();

4. 테스트 가능성

DI와 MVVM 패턴의 조합을 통해 테스트가 용이한 시스템을 구축할 수 있습니다. 주요 테스트 가능한 구조의 이점은 다음과 같습니다:

  • 모의(Mock) 객체를 통한 독립적인 테스트가 가능합니다.
  • 각 구성 요소의 결합도가 낮아 변경 시 영향을 최소화할 수 있습니다.

4.1 단위 테스트 예제

다음은 Moq 라이브러리를 사용하여 ViewModel에 대한 단위 테스트입니다.


using Moq;
using Xunit;

public class MainViewModelTests
{
    [Fact]
    public void LoadData_ShouldGetDataFromService()
    {
        // Arrange
        var mockDataService = new Mock<IDataService>();
        mockDataService.Setup(service => service.GetData()).Returns(new List<string> { "Test1", "Test2" });

        var viewModel = new MainViewModel(mockDataService.Object);

        // Act
        var data = viewModel.Data;

        // Assert
        Assert.Equal(2, data.Count);
        Assert.Contains("Test1", data);
        Assert.Contains("Test2", data);
    }
}

결론

Dependency Injection과 Service Locator 패턴은 각각 장단점이 있으며, 이를 MVVM 아키텍처와 결합함으로써 테스트 가능한 구조를 설계할 수 있습니다. DI를 통해 의존성을 관리하고, 서비스 로케이터의 단점을 보완하여 가독성과 테스트 용이성을 얻는 것이 가능합니다. WPF 개발 시 이러한 패턴을 잘 활용하면 코드의 유지보수성과 확장성을 크게 향상시킬 수 있습니다.

[MVVM] 1.MVVM 패턴의 고급 개념, ViewModel의 유연성 극대화를 위한 설계 방법

개요

MVVM(Model-View-ViewModel) 패턴은 WPF(Windows Presentation Foundation)에서 많이 사용되는 아키텍처 패턴입니다.
이 패턴은 개발자가 애플리케이션의 UI를 쉽게 관리하고, 테스트 가능하며, 복잡한 로직을 깔끔하게 분리할 수 있도록 도와줍니다.
이 글에서는 MVVM 패턴의 고급 개념과 ViewModel의 유연성을 극대화하기 위한 설계 방법에 대해 자세히 설명하겠습니다.

MVVM 패턴의 기본 원칙

MVVM 패턴은 세 가지 주요 구성 요소로 나뉩니다:

  • Model: 애플리케이션의 데이터와 비즈니스 로직을 표현합니다. Model은 데이터베이스와 상호작용하며, 데이터의 유효성을 검사하거나 데이터를 처리하는 책임을 집니다.
  • View: 사용자 인터페이스(UI)를 나타내며, 사용자가 볼 수 있는 모든 요소를 포함합니다. View는 사용자와 상호작용하는 부분으로, Model과 ViewModel을 통해 데이터를 표시합니다.
  • ViewModel: Model과 View를 연결하는 역할을 합니다. ViewModel은 사용자 입력을 처리하고 Model로부터 데이터를 가져와 View에 전달합니다. 이를 통해 UI와 비즈니스 로직 간의 의존성을 줄일 수 있습니다.

ViewModel의 유연성 극대화를 위한 설계 방법

ViewModel은 MVVM 패턴에서 중요한 역할을 하며, 유연성을 극대화하기 위한 몇 가지 설계 원칙이 있습니다.
이를 통해 개발자는 더 유지보수 가능하고 확장성이 뛰어난 코드를 작성할 수 있습니다.

1. 데이터 바인딩의 활용

WPF에서는 데이터 바인딩을 통해 ViewModel의 속성과 View의 UI 요소를 쉽게 연결할 수 있습니다.
데이터 바인딩을 사용하면 ViewModel의 속성을 변경할 때마다 UI가 자동으로 업데이트되며, 이는 코드의 복잡성을 줄이고 가독성을 높이는 데 도움을 줍니다.

예제: Data Binding


public class Person : INotifyPropertyChanged
{
    private string name;
    public string Name
    {
        get { return name; }
        set
        {
            name = value;
            OnPropertyChanged(nameof(Name));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

위 예제에서 Person 클래스는 INotifyPropertyChanged 인터페이스를 구현하여 속성 변경 시 UI에 알립니다. 이제 View에서는 다음과 같이 사용할 수 있습니다:

[MVVM] 10.MVVM과 WPF에서 성능 최적화, Data Virtualization과 Lazy Loading을 활용한 성능 향상

작성일: 2023년 10월 15일

저자: 조광형

목차

  1. 소개
  2. MVVM 패턴과 성능
  3. Data Virtualization
  4. Lazy Loading
  5. 구현 예제
  6. 결론

1. 소개

Windows Presentation Foundation (WPF)는 Microsoft의 UI 프레임워크로, 강력하고 유연한 데스크탑 애플리케이션을 구축하는 데 사용됩니다. MVVM(Model-View-ViewModel) 패턴은 WPF 애플리케이션에서 UI와 비즈니스 로직을 분리함으로써 유지보수성과 테스트 가능성을 높이는 데 기여합니다. 그러나 어떤 프레임워크나 패턴처럼, MVVM을 올바르게 활용하지 않으면 성능 문제가 발생할 수 있습니다. 이 글에서는 WPF 애플리케이션의 성능 최적화를 위해 Data Virtualization과 Lazy Loading을 활용하는 방법을 설명하겠습니다.

2. MVVM 패턴과 성능

MVVM은 세 가지 주 구성 요소로 이루어져 있습니다: Model, View, ViewModel. 이 패턴은 데이터 바인딩을 통해 View와 ViewModel 간의 상호작용을 단순화합니다. 하지만 데이터 집합이 매우 클 경우, ViewModel의 크기와 데이터가 UI에 바인딩되는 방식이 성능에 큰 영향을 미칠 수 있습니다.

예를 들어, 수천 개의 항목을 포함하는 ListBox를 생각해 봅시다. ViewModel이 모든 항목 정보를 포함하고 있다면, UI는 이러한 모든 항목을 렌더링하려고 시도하게 됩니다. 이 경우 렌더링 성능 저하 및 메모리 부족 문제가 발생할 수 있습니다.따라서, WPF 애플리케이션의 성능을 최적화하기 위해 데이터 가상화와 레이지 로딩 같은 기법을 활용해야 합니다.

3. Data Virtualization

Data Virtualization은 대량의 데이터를 효율적으로 처리할 수 있는 기법입니다. 이 기술을 사용하면 UI 요소가 표시되는 시점에 필요한 데이터만 가져와 메모리 사용량을 최소화합니다. WPF에서 Data Virtualization을 구현하는 일반적인 접근 방법은 VirtualizingStackPanel을 사용하는 것입니다.

VirtualizingStackPanel은 항목이 실제로 화면에 표시될 때에만 렌더링되도록 하는 패널입니다. 이 패널은 뷰포트(현재 보이는 영역) 내에서 필요한 항목만 표시하여 메모리 사용과 초기 렌더링 시간을 줄여줍니다.

3.1. Data Virtualization 구현 예

public class MainViewModel
{
    private ObservableCollection<Item> allItems;

    public ObservableCollection<Item> VisibleItems { get; private set; }

    public MainViewModel()
    {
        this.allItems = new ObservableCollection<Item>();
        this.VisibleItems = new ObservableCollection<Item>();
        LoadItems();
    }

    private void LoadItems()
    {
        // 여기서 데이터를 초기화합니다.
        for (int i = 0; i < 10000; i++)
        {
            this.allItems.Add(new Item { Name = $"Item {i}" });
        }
    }

    public void UpdateVisibleItems(int startIndex, int count)
    {
        VisibleItems.Clear();
        for (int i = startIndex; i < startIndex + count && i < allItems.Count; i++)
        {
            VisibleItems.Add(allItems[i]);
        }
    }
}

4. Lazy Loading

Lazy Loading은 필요한 데이터가 요청될 때만 데이터베이스나 API에서 가져오는 방식입니다. 이 기법은 초기 로딩 시간과 메모리 사용량을 줄이는 데 매우 유용합니다. Lazy Loading을 구현하면 사용자가 필요로 하는 데이터만 즉각적으로 로드되므로 남은 데이터는 사용자가 특정 액션을 취하기 전까지 로드되지 않습니다.

4.1. Lazy Loading 구현 예

public class ItemRepository
{
    public async Task<List<Item>> GetItemsAsync(int pageNumber, int pageSize)
    {
        using (var context = new MyDbContext())
        {
            return await context.Items
                .Skip((pageNumber - 1) * pageSize)
                .Take(pageSize)
                .ToListAsync();
        }
    }
}

위의 예제는 Entity Framework를 사용하여 데이터베이스에서 항목을 가져오는 간단한 Lazy Loading 구현을 보여줍니다. 페이지 번호와 페이지 크기를 지정하여 필요한 데이터만 로드할 수 있습니다. 이를 통해 사용자가 스크롤을 내리면서 추가 데이터를 요청할 수 있도록 하여 성능을 최적화할 수 있습니다.

5. 구현 예제

이제 MVVM, Data Virtualization 및 Lazy Loading을 결합하여 WPF 애플리케이션을 구현하는 방법을 살펴보겠습니다. 아래는 이러한 기술을 적용한 간단한 WPF 애플리케이션의 예입니다.

5.1. XAML 코드

<Window x:Class="WpfApp.MainWindow"
               xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
               Title="MVVM Performance Example" Height="450" Width="800">
    <Grid>
        <ListBox ItemsSource="{Binding VisibleItems}" 
                 VirtualizingStackPanel.IsVirtualizing="True" 
                 VirtualizingStackPanel.VirtualizationMode="Recycling">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}" />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Window>

5.2. ViewModel 연결

public partial class MainWindow : Window
{
    private MainViewModel viewModel;

    public MainWindow()
    {
        InitializeComponent();
        viewModel = new MainViewModel();
        DataContext = viewModel;

        // 초기 데이터 로드를 위해 VisibleItems를 업데이트합니다.
        viewModel.UpdateVisibleItems(0, 100);
    }
}

위의 코드는 기본적인 WPF 애플리케이션의 구조를 보여 줍니다. 이처럼 MVVM 패턴을 사용하고 Data Virtualization과 Lazy Loading을 조합하여 성능을 최적화할 수 있습니다. 사용자가 스크롤할 때마다 UpdateVisibleItems 메서드를 호출하여 현재 범위에 해당하는 데이터만 요청하여 표시할 수 있습니다.

6. 결론

WPF 애플리케이션에서 MVVM 패턴을 따르는 것만으로는 성능 문제를 해결할 수 없습니다. 하지만 Data Virtualization과 Lazy Loading 같은 기법을 사용하면 대량의 데이터를 효율적으로 처리할 수 있습니다. 이 두 가지 기법을 결합하여 메모리 사용량을 줄이고 UI의 반응성을 향상시키는 것이 가능합니다. 이번 블로그 글을 통해 MVVM에서의 성능 최적화 기법을 이해하고, 실제 예제들을 통해 구현 방법을 배웠기를 바랍니다.

앞으로 더 나은 WPF 애플리케이션을 개발하는 데 이 글이 도움이 되기를 바랍니다!

[MVVM] 5.MVVM과 .NET 6 7에서의 최신 WPF 기능 통합, 최신 C# 언어 기능 (Nullable Reference Types, Records 등)과 MVVM 연동

이번 글에서는 C#의 최신 언어 기능들과 MVVM (Model-View-ViewModel) 패턴을 결합한 WPF 애플리케이션 개발에 대해 논의하겠습니다. .NET 6/7의 시대에 우리는 각종 기능들을 더욱 효율적으로 활용할 수 있으며, MVVM 패턴을 통해 아키텍처의 청결함과 유지 관리성을 극대화할 수 있습니다.

1. MVVM 개요

MVVM 패턴은 애플리케이션의 구조를 세 가지 주요 컴포넌트로 나눕니다: Model, View, ViewModel.

  • Model: 애플리케이션의 비즈니스 로직과 데이터를 담당합니다. 이 부분은 UI와 독립적입니다.
  • View: 사용자에게 표시되는 UI 구성 요소입니다. WPF에서는 XAML로 정의됩니다.
  • ViewModel: Model과 View 간의 연결 역할을 합니다. View에 바인딩할 수 있는 데이터를 제공하며, 뷰에서 발생한 이벤트를 처리하여 Model을 업데이트합니다.

2. .NET 6/7의 기능

.NET 6/7은 새로운 기능과 성능 개선을 제공합니다. 특히, C# 10 및 11에서는 다양한 신기능들이 추가되었고, MVVM 패턴은 이러한 기능을 최대한 활용할 수 있습니다.

2.1. Nullable Reference Types

C# 8.0부터 지원되는 Nullable Reference Types는 코드의 안전성을 높이는 데 도움을 줍니다. 이 기능은 객체가 null이 될 수 있는지를 명시적으로 나타내며, 이를 통해 NRE(Null Reference Exception) 같은 실수를 피할 수 있습니다.

csharp
public class User
{
    public string? Name { get; set; }
    public string Email { get; set; } = "default@example.com"; // null이 아님
}

2.2. Records

Records는 데이터 전송 객체(DTO)에 적합한 기능을 제공합니다. 데이터의 불변성을 기본으로 하며, 값 비교와 같은 기능이 간편해집니다. MVVM 패턴에서 Model을 정의할 때 유용합니다.

csharp
public record Person(string FirstName, string LastName);

3. MVVM과 Nullable Reference Types 통합

MVVM 패턴을 사용할 때, ViewModel에서 Nullable Reference Types를 활용하면 데이터 바인딩이 더욱 안전해집니다. 예를 들어, ViewModel에서 사용자의 입력을 받을 때, Nullable을 통해 입력값의 유효성을 검사할 수 있습니다.

csharp
public class UserViewModel : INotifyPropertyChanged
{
    private string? _name;
    public string? Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged();
        }
    }
}

4. MVVM과 Records 통합

Records를 활용하면 데이터를 더욱 쉽게 다룰 수 있습니다. ViewModel에서 ObservableCollection을 사용하여 데이터를 저장하고, 이 데이터를 View에 바인딩하는 예제를 살펴보겠습니다.

csharp
public class UserViewModel : INotifyPropertyChanged
{
    public ObservableCollection<Person> Users { get; set; }

    public UserViewModel()
    {
        Users = new ObservableCollection<Person>()
        {
            new Person("John", "Doe"),
            new Person("Jane", "Doe")
        };
    }
}

5. WPF에서의 데이터 바인딩

WPF는 데이터 바인딩을 통해 View와 ViewModel 간의 연결을 쉽게 처리할 수 있습니다. ViewModel의 속성과 View의 UI 요소를 바인딩하는 방법을 살펴보겠습니다.

xaml


    
        
            
                
                    
                
            
        
    

6. MVVM과 최신 C# 기능 조합하기

최신 C# 기능과 MVVM 패턴을 결합하면 더욱 간결하고 유지 보수하기 쉬운 코드를 작성할 수 있습니다. 이러한 기능들을 활용하여 비즈니스 로직을 더욱 잘 분리할 수 있으며, UI와의 종속성을 낮출 수 있습니다.

csharp
public class UserService
{
    public IEnumerable<Person> GetUsers()
    {
        return new List<Person>()
        {
            new Person("Alice", "Wonderland"),
            new Person("Bob", "Builder")
        };
    }
}

public class MainViewModel : INotifyPropertyChanged
{
    private readonly UserService _userService;
    public ObservableCollection<Person> Users { get; private set; }

    public MainViewModel(UserService userService)
    {
        _userService = userService;
        Users = new ObservableCollection<Person>(_userService.GetUsers());
    }
}

7. 결론

MVVM 패턴은 WPF 애플리케이션에서 코드를 구조적으로 개선할 수 있는 강력한 도구입니다. .NET 6/7에서는 최신 C# 기능들과 함께 MVVM을 통합하면 더욱 안정적이고 유지 보수가 용이한 애플리케이션을 개발할 수 있습니다. Nullable Reference Types와 Records는 이러한 개발 방식을 지원하여, 코드의 명확성과 안전성을 높이는 데 기여합니다.

이 글을 통해 최신 C# 전체 기능과 MVVM 패턴을 활용한 WPF 애플리케이션 개발에 도움이 되기를 바랍니다.

[MVVM] 8.유닛 테스트와 MVVM, UI 상호작용을 테스트하는 방법 (예 MSTest와 NUnit)

소프트웨어 개발에서 유닛 테스트는 코드의 안정성을 보장하는 핵심 기술 중 하나입니다. C# WPF 애플리케이션을 개발할 때 MVVM (Model-View-ViewModel) 아키텍처를 적용하면 비즈니스 로직과 UI를 분리할 수 있어, 유닛 테스트를 작성하기 용이합니다. 이 글에서는 MVVM 아키텍처에 기반한 C# WPF 애플리케이션에서 유닛 테스트를 작성하는 방법, MSTest와 NUnit 프레임워크를 사용하는 방법에 대해 자세히 설명하겠습니다.

1. MVVM 아키텍처 이해하기

MVVM은 Model-View-ViewModel의 약자로, WPF와 같은 UI 프레임워크에서 데이터와 사용자 인터페이스를 분리하는 데 유용한 아키텍처입니다. 각각의 구성 요소는 다음과 같은 역할을 합니다:

  • Model: 데이터 및 비즈니스 로직을 포함하며, 애플리케이션의 핵심 기능을 구현합니다.
  • View: 사용자 인터페이스를 정의하며, 사용자에게 정보를 보여주고 사용자 입력을 수집합니다.
  • ViewModel: Model과 View 간의 상호작용을 중재합니다. 데이터 바인딩을 통해 View에 Model의 데이터를 전달하고, View의 사용자 입력을 Model에 전달합니다.

2. 유닛 테스트란 무엇인가?

유닛 테스트는 개별 구성 요소, 즉 유닛의 기능을 검증하는 테스트입니다. 일반적으로 클래스나 메서드와 같은 단위를 테스트하며, 각 유닛이 기대하는 대로 동작하는지 확인합니다. 유닛 테스트의 주요 장점은 코드의 리팩토링이나 변경에도 불구하고 기존 기능이 유지되도록 보장하는 것입니다.

3. 왜 MVVM 패턴을 사용하는가?

MVVM 패턴은 데이터 바인딩, 커맨드 등의 기능 덕분에 테스트 용이성을 극대화합니다. ViewModel은 Model에서 데이터를 가져오고, 사용자 입력이 있을 때 그 데이터를 업데이트하는 로직을 가지고 있습니다. 이러한 구조 덕분에 UI와 비즈니스 로직이 완전히 분리되어 유닛 테스트가 수월합니다.

4. MSTest와 NUnit 소개

MSTest와 NUnit는 C#에서 가장 널리 사용되는 두 가지 유닛 테스트 프레임워크입니다. 두 프레임워크의 주요 특징은 다음과 같습니다:

  • MSTest: Microsoft에서 제공하는 테스트 프레임워크로, Visual Studio와의 통합이 쉬워서 접근성이 높습니다.
  • NUnit: 독립적으로 발전해온 테스트 프레임워크로, 다양한 기능과 유연성을 제공합니다. 빌드 자동화 도구와 쉽게 통합할 수 있습니다.

5. 예제: MVVM 구조와 유닛 테스트 구현

5.1. 애플리케이션 구조

간단한 WPF 애플리케이션을 상상해보겠습니다. 사용자로부터 이름을 입력받아 인사 메시지를 표시하는 애플리케이션을 만들겠습니다. 이 애플리케이션은 MVVM 아키텍처를 따르며, 다음과 같은 구조를 가집니다:

  • Model: 사용자의 이름 데이터를 저장합니다.
  • View: 사용자 인터페이스를 정의합니다.
  • ViewModel: 사용자 입력을 처리하고 모델과 상호작용합니다.

5.2. Model 클래스

public class Person
{
    public string Name { get; set; }
}

5.3. ViewModel 클래스

using System.ComponentModel;
using System.Windows.Input;

public class MainViewModel : INotifyPropertyChanged
{
    private Person _person;
    public string Greeting => $"안녕하세요, {_person.Name}!";

    public string Name
    {
        get => _person.Name;
        set
        {
            if (_person.Name != value)
            {
                _person.Name = value;
                OnPropertyChanged(nameof(Name));
                OnPropertyChanged(nameof(Greeting));
            }
        }
    }

    public MainViewModel()
    {
        _person = new Person();
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

5.4. View (XAML)

<Window x:Class="MyApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="인사하기" Height="200" Width="300">
    <Grid>
        <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" />
        <TextBlock Text="{Binding Greeting}" Margin="0,30,0,0" />
    </Grid>
</Window>

5.5. MSTest를 사용한 유닛 테스트

이제 ViewModel을 테스트하기 위한 유닛 테스트를 작성해보겠습니다. MSTest를 사용하여 이름을 변경하고 인사 메시지가 올바르게 업데이트되는지 테스트합니다.

using Microsoft.VisualStudio.TestTools.UnitTesting;

[TestClass]
public class MainViewModelTests
{
    [TestMethod]
    public void Name_WhenChanged_UpdatesGreeting()
    {
        // Arrange
        var viewModel = new MainViewModel();
        
        // Act
        viewModel.Name = "홍길동";
        
        // Assert
        Assert.AreEqual("안녕하세요, 홍길동!", viewModel.Greeting);
    }
}

5.6. NUnit을 사용한 유닛 테스트

NUnit을 사용하여 같은 기능을 테스트해보겠습니다. NUnit을 사용하면 테스트 메서드에 [Test] 특성을 추가하는 방식으로 테스트를 정의합니다.

using NUnit.Framework;

[TestFixture]
public class MainViewModelNUnitTests
{
    [Test]
    public void Name_WhenChanged_UpdatesGreeting()
    {
        // Arrange
        var viewModel = new MainViewModel();
        
        // Act
        viewModel.Name = "홍길동";
        
        // Assert
        Assert.AreEqual("안녕하세요, 홍길동!", viewModel.Greeting);
    }
}

6. UI 상호작용 테스트

유닛 테스트는 주로 비즈니스 로직을 테스트하지만, UI와의 상호작용도 테스트할 수 있습니다. UI 테스트는 일반적으로 통합 테스트 도구를 사용하여 수행됩니다. 세부적으로, UI 테스트 도구로는 Appium, TestStack.White, Selenium 등이 있습니다. 이러한 도구들은 실제로 UI를 조작하여 테스트를 실행합니다.

6.1. UI 테스트 도구 선택

WPF 애플리케이션의 UI를 테스트하기 위해 TestStack.White를 사용할 수 있습니다. TestStack.White는 .NET 애플리케이션의 UI를 쉽고 직관적으로 테스트할 수 있도록 해주는 툴킷입니다.

6.2. TestStack.White로 UI 테스트

다음은 TestStack.White를 사용하여 UI 테스트를 수행하는 간단한 예제입니다:

using System.Threading;
using TestStack.White;
using TestStack.White.UIItems.WindowItems;

[TestClass]
public class MainWindowUiTests
{
    private Application _application;

    [TestInitialize]
    public void Setup()
    {
        _application = Application.Launch("MyApp.exe");
        Thread.Sleep(2000); // 앱이 로드될 때까지 대기
    }

    [TestCleanup]
    public void Cleanup()
    {
        _application.Close();
    }

    [TestMethod]
    public void InputName_UpdatesGreeting()
    {
        var window = _application.GetWindow("인사하기");
        var textBox = window.Get("nameTextBox");
        var greetingLabel = window.Get

7. 결론

유닛 테스트는 C# WPF 애플리케이션에서 MVVM 아키텍처를 채택할 때 매우 핵심적인 요소입니다. 테스트를 통해 비즈니스 로직의 변화에도 불구하고 안정성을 유지할 수 있습니다. MSTest와 NUnit은 다양한 요구에 따라 선택할 수 있는 훌륭한 테스트 프레임워크이며, UI 상호작용 테스트를 통해 사용자 경험을 보장할 수 있습니다. 이러한 모든 작업은 궁극적으로 더 안정적이고 유지보수하기 쉬운 애플리케이션 개발로 이어질 것입니다.

이 글이 MVVM 아키텍처와 유닛 테스트에 대한 이해를 높이는 데 도움이 되었기를 바랍니다. 앞으로 더 나은 테스트 주도 개발(TDD) 환경을 구축하는 데 기여할 수 있는 여러 사례들을 만들어 나가시길 바랍니다.