如何测试Razor页面的ViewData？测试返回Null问题求助

你测试失败的核心原因是：ViewData["Title"]是在Razor视图文件（.cshtml）中设置的，而你的单元测试仅实例化并调用了PageModel的OnGet方法，完全没有触发视图的渲染逻辑。PageModel本身并没有设置这个Title值，所以测试时取到null是正常的。

下面提供两种针对性解决方案：

方案1：将Title设置移到PageModel中（适合单元测试后端逻辑） #

如果你的需求是测试后端PageModel对Title的设置逻辑，可把Title的赋值从视图移到PageModel的OnGet方法里：

修改后端代码：

public class IndexModel : PageModel
{
    public IndexModel() 
    { 
    }

    public void OnGet()
    {
        ViewData["Title"] = "Page d'accueil";
    }
}

此时你原有单元测试会直接通过，因为调用OnGet后，ViewData["Title"]已经被PageModel设置完成。

方案2：使用集成测试验证视图中的Title（适合测试完整页面逻辑） #

如果要验证视图中设置的Title是否正确，需要用集成测试模拟真实HTTP请求，渲染完整页面后再检查结果。

步骤1：创建测试用的WebApplicationFactory #

public class TestWebAppFactory : WebApplicationFactory<Program>
{
    protected override void ConfigureWebHost(IWebHostBuilder builder)
    {
        // 可在此配置测试环境的服务，比如替换数据库、Mock依赖等
        builder.ConfigureServices(services =>
        {
            // 示例：移除原有数据库服务，替换为内存数据库
            // var descriptor = services.SingleOrDefault(d => d.ServiceType == typeof(DbContextOptions<AppDbContext>));
            // if (descriptor != null) services.Remove(descriptor);
            // services.AddDbContext<AppDbContext>(options => options.UseInMemoryDatabase("TestDb"));
        });
    }
}

步骤2：编写集成测试用例 #

public class IndexPageTests : IClassFixture<TestWebAppFactory>
{
    private readonly HttpClient _httpClient;

    public IndexPageTests(TestWebAppFactory factory)
    {
        _httpClient = factory.CreateClient();
    }

    [Fact]
    public async Task IndexPage_RendersCorrectTitle()
    {
        // 发起GET请求访问首页
        var response = await _httpClient.GetAsync("/");
        // 确保请求成功
        response.EnsureSuccessStatusCode();
        // 获取页面内容
        var pageContent = await response.Content.ReadAsStringAsync();

        // 断言页面中包含正确的Title（假设你的布局文件中用ViewData["Title"]渲染了<title>标签）
        Assert.Contains("<title>Page d'accueil</title>", pageContent);
    }
}

内容的提问来源于stack exchange，提问作者mathdx