Add test

Author: matthetherington

src/Components/test/E2ETest/Tests/QuickGridTest.cs

@@ -135,7 +135,7 @@ public void CanOpenColumnOptions()
     }
 
     [Fact]
-    public void CanCloseColumnOptions()
+    public void CanCloseColumnOptionsByBlurring()
     {
         var grid = app.FindElement(By.CssSelector("#grid > table"));
         var firstNameColumnOptionsButton = grid.FindElement(By.CssSelector("thead > tr > th:nth-child(2) > div > button[title=\"Column options\"]"));
@@ -148,4 +148,19 @@ public void CanCloseColumnOptions()
         var firstNameSearchSelector = "#grid > table > thead > tr > th:nth-child(2) input[type=search]";
         Browser.DoesNotExist(By.CssSelector(firstNameSearchSelector));
     }
+
+    [Fact]
+    public void CanCloseColumnOptionsByCloseColumnOptionsAsync()
+    {
+        var grid = app.FindElement(By.CssSelector("#grid > table"));
+        var firstNameColumnOptionsButton = grid.FindElement(By.CssSelector("thead > tr > th:nth-child(2) > div > button[title=\"Column options\"]"));
+
+        firstNameColumnOptionsButton.Click();
+
+        // Click the button inside the column options to close, this calls CloseColumnOptionsAsync
+        grid.FindElement(By.CssSelector("#close-column-options")).Click();
+
+        var firstNameSearchSelector = "#grid > table > thead > tr > th:nth-child(2) input[type=search]";
+        Browser.DoesNotExist(By.CssSelector(firstNameSearchSelector));
+    }
 }

src/Components/test/testassets/BasicTestApp/QuickGridTest/SampleQuickGridComponent.razor

@@ -3,13 +3,14 @@
 <h3>Sample QuickGrid Component</h3>
 
 <div id="grid">
-    <QuickGrid Items="@FilteredPeople" Pagination="@pagination" custom-attrib="somevalue" class="custom-class-attrib">
+    <QuickGrid @ref="@quickGrid" Items="@FilteredPeople" Pagination="@pagination" custom-attrib="somevalue" class="custom-class-attrib">
         <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
         <PropertyColumn Property="@(p => p.firstName)" Sortable="true">
                 <ColumnOptions>
                     <div class="search-box">
                         <input type="search" autofocus @bind="firstNameFilter" @bind:event="oninput" placeholder="First name..." />
                     </div>
+                    <button id="close-column-options" @onclick="@(() => quickGrid.CloseColumnOptionsAsync())">Close Column Options</button>
                 </ColumnOptions>
          </PropertyColumn>
         <PropertyColumn Property="@(p => p.lastName)" Sortable="true" />
@@ -23,6 +24,7 @@
     record Person(int PersonId, string firstName, string lastName, DateOnly BirthDate);
     PaginationState pagination = new PaginationState { ItemsPerPage = 10 };
     string firstNameFilter;
+    QuickGrid<Person> quickGrid;
 
     int ComputeAge(DateOnly birthDate)
         => DateTime.Now.Year - birthDate.Year - (birthDate.DayOfYear < DateTime.Now.DayOfYear ? 0 : 1);