Add tag helper model binding integration tests for text input

Author: gunndabad

tests/GovUk.Frontend.AspNetCore.IntegrationTests/GovUk.Frontend.AspNetCore.IntegrationTests.csproj

@@ -12,6 +12,7 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.NET.Test.Sdk" Version="18.0.0" />
     <PackageReference Include="Microsoft.Playwright" Version="1.21.0" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="8.0.23" />
     <PackageReference Include="xunit.runner.visualstudio" Version="3.1.5">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>

tests/GovUk.Frontend.AspNetCore.IntegrationTests/TagHelperModelBindingTests/TagHelperModelBindingTestsFixture.cs

@@ -0,0 +1,23 @@
+namespace GovUk.Frontend.AspNetCore.IntegrationTests.TagHelperModelBindingTests;
+
+public class TagHelperModelBindingTestsFixture : ServerFixture
+{
+    protected override void Configure(IApplicationBuilder app)
+    {
+        base.Configure(app);
+
+        app.UseEndpoints(endpoints => endpoints.MapControllers());
+    }
+
+    protected override void ConfigureServices(IServiceCollection services)
+    {
+        services.AddGovUkFrontend();
+
+        services
+            .AddMvc()
+            .AddRazorOptions(options =>
+            {
+                options.ViewLocationFormats.Add("/TagHelperModelBindingTests/{0}.cshtml");
+            });
+    }
+}

tests/GovUk.Frontend.AspNetCore.IntegrationTests/TagHelperModelBindingTests/Tests.cs

@@ -0,0 +1,47 @@
+using System.ComponentModel.DataAnnotations;
+using Microsoft.AspNetCore.Mvc;
+
+namespace GovUk.Frontend.AspNetCore.IntegrationTests.TagHelperModelBindingTests;
+
+public class Tests(TagHelperModelBindingTestsFixture fixture) : IClassFixture<TagHelperModelBindingTestsFixture>
+{
+    [Fact]
+    public async Task TextInput_RendersCorrectly()
+    {
+        var page = await fixture.Browser!.NewPageAsync();
+        await page.GotoAsync($"{ServerFixture.BaseUrl}/ModelBindingTests/TextInput");
+        await page.PauseAsync();
+
+        var input = page.Locator("input").First;
+        Assert.Equal("Text", await input.GetAttributeAsync("name"));
+        Assert.Equal("Text", await input.GetAttributeAsync("id"));
+        Assert.Equal("Model value", await input.GetAttributeAsync("value"));
+
+        var label = page.Locator("label").First;
+        Assert.Equal("Text", await label.GetAttributeAsync("for"));
+        Assert.Equal("ModelMetadata display name", await label.InnerTextAsync());
+
+        var hint = page.Locator(".govuk-hint").First;
+        Assert.Equal("ModelMetadata description", await hint.InnerTextAsync());
+
+        var errorMessage = page.Locator(".govuk-error-message").First;
+        Assert.Equal("Error: Model error message", await errorMessage.TextContentAsync());
+    }
+}
+
+[Route("/[controller]/[action]")]
+public class ModelBindingTestsController : Controller
+{
+    [HttpGet]
+    public IActionResult TextInput()
+    {
+        ModelState.AddModelError(nameof(TextInputTestsModel.Text), "Model error message");
+        return View("TextInput", new TextInputTestsModel { Text = "Model value" });
+    }
+}
+
+public record TextInputTestsModel
+{
+    [Display(Name = "ModelMetadata display name", Description = "ModelMetadata description")]
+    public string? Text { get; set; }
+}

tests/GovUk.Frontend.AspNetCore.IntegrationTests/TagHelperModelBindingTests/TextInput.cshtml

@@ -0,0 +1,3 @@
+@model GovUk.Frontend.AspNetCore.IntegrationTests.TagHelperModelBindingTests.TextInputTestsModel
+
+<govuk-input for="Text" />

tests/GovUk.Frontend.AspNetCore.IntegrationTests/TagHelperModelBindingTests/_ViewImports.cshtml

@@ -0,0 +1,3 @@
+@addTagHelper *, GovUk.Frontend.AspNetCore
+@addTagHelper *, GovUk.Frontend.AspNetCore.IntegrationTests
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

tests/GovUk.Frontend.AspNetCore.IntegrationTests/TagHelperModelBindingTests/_ViewStart.cshtml

@@ -0,0 +1,3 @@
+@{
+    Layout = "_GovUkPageTemplate";
+}