Autocomplete | Fix FreeTypingNotFoundTemplate not showing

Megabit · Oct 5, 2023 · bd3c642 · bd3c642
1 parent 584be17
commit bd3c642
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 1 deletion.
diff --git a/Source/Extensions/Blazorise.Components/Autocomplete.razor b/Source/Extensions/Blazorise.Components/Autocomplete.razor
@@ -4,7 +4,7 @@
 @typeparam TItem
 @typeparam TValue
 
-<Dropdown ElementId="@ElementId" Class="@DropdownClassNames" Style="@CssStyle" Attributes="@Attributes" Visible="@(DropdownVisible || NotFoundVisible)" PositionStrategy="@PositionStrategy" DropdownMenuTargetId="@InputElementId" Disabled="@Disabled">
+<Dropdown ElementId="@ElementId" Class="@DropdownClassNames" Style="@CssStyle" Attributes="@Attributes" Visible="@(DropdownVisible || NotFoundVisible || FreeTypingNotFoundVisible)" PositionStrategy="@PositionStrategy" DropdownMenuTargetId="@InputElementId" Disabled="@Disabled">
     <Validation Validator="@(Validator ?? ValidationRule.None)" AsyncValidator="@AsyncValidator">
 
         @if ( IsMultiple && !SelectedTexts.IsNullOrEmpty() )

diff --git a/Tests/BasicTestApp.Client/Autocomplete_5038Component.razor b/Tests/BasicTestApp.Client/Autocomplete_5038Component.razor
@@ -0,0 +1,30 @@
+<Autocomplete TItem="string"
+              TValue="string"
+              Data="@colors"
+              Placeholder="Search..."
+              Filter="AutocompleteFilter.StartsWith"
+              FreeTyping
+              TextField="@(( item ) => item)"
+              ValueField="@(( item ) => item)">
+    <FreeTypingNotFoundTemplate>
+         Add "@context"
+    </FreeTypingNotFoundTemplate>
+</Autocomplete>
+
+@code {
+    private List<string> colors = new List<string>
+    {
+        "Red",
+        "Orange",
+        "Yellow",
+        "Bright Green",
+        "Dark Green",
+        "Sky Blue",
+        "Blue",
+        "Purple",
+        "Hot Pink",
+        "Black",
+        "White",
+        "Gray"
+    };
+}
diff --git a/Tests/Blazorise.E2E.Tests/Tests/Extensions/Autocomplete/Autocomplete_5038_Tests.cs b/Tests/Blazorise.E2E.Tests/Tests/Extensions/Autocomplete/Autocomplete_5038_Tests.cs
@@ -0,0 +1,35 @@
+namespace Blazorise.E2E.Tests.Tests.Extensions.Autocomplete;
+
+[Parallelizable( ParallelScope.Self )]
+[TestFixture]
+public class Autocomplete_5038_Tests : BlazorisePageTest
+{
+
+    [SetUp]
+    public async Task Init()
+    {
+        await SelectTestComponent<Autocomplete_5038Component>();
+    }
+
+    /// <summary>
+    /// When a value is already set, setting a different value programmatically and then revisiting should have updated the Current Search Value and options shown.
+    /// </summary>
+    /// <returns></returns>
+    [Test]
+    public async Task Test()
+    {
+        var sut = Page.Locator( ".b-is-autocomplete input[type=search]" );
+        var dropdownMenu = Page.Locator( ".dropdown-menu.show" );
+
+        await sut.ClickAsync();
+        await sut.FillAsync( "My Color" );
+        await sut.PressAsync( "Enter" );
+        await Expect( sut ).ToHaveValueAsync( "My Color" );
+
+        await dropdownMenu.WaitForAsync();
+        var option = ( await dropdownMenu.Locator( ".dropdown-item" ).AllAsync() ).Single();
+
+        await Expect( option ).ToHaveTextAsync( @"Add ""My Color""" );
+    }
+}
+