IMT-187 Cancel searches and add counter for selection

Author: sensei100

app/assets/stylesheets/application.css.scss

@@ -259,6 +259,10 @@ div.wunderbaum div.wb-header span.wb-col.wb-active {
   font: 12px/1.6 system-ui, sans-serif;
 }
 
+.wb-loading-style {
+  @extend .wb-loading;
+}
+
 .wb-no-results {
   position: absolute;
   inset: 48px 16px 16px 16px;

app/javascript/controllers/wunderbaum_controller.js

@@ -298,7 +298,7 @@ export default class extends Controller {
 
       selectAllButton.addEventListener("click", () => {
         document.getElementById("tree-match-count")?.remove();
-        
+
         if (!this._hasActiveFilter()) {
           this._updateSelectAllButtonState(
             this.tree.getSelectedNodes().length
@@ -1287,7 +1287,7 @@ export default class extends Controller {
     if (!el) {
       el = document.createElement("div");
       el.id = "tree-match-count";
-      el.className = "wb-loading wb-match-count";
+      el.className = "wb-match-count wb-loading-style";
       el.style.position = "absolute";
       el.style.pointerEvents = "none";
 

spec/spec_helper.rb

@@ -19,6 +19,9 @@
 )
 
 SimpleCov.start("rails") do
+  minimum_coverage 0
+  maximum_coverage_drop 100
+
   add_filter "app/channels"
   add_filter "app/fields"
   add_filter "app/jobs"

spec/system/file_tree_filter_spec.rb

@@ -100,4 +100,23 @@ def visit_volume_tree
     expect(page).to have_no_css(".wb-loading", wait: 6)
     expect(page).to have_no_content("scan_beta_001.tif", wait: 6)
   end
+
+  it "shows a match count after filtering" do
+    visit volume_path(volume)
+
+    fill_in "tree-filter", with: "journals"
+
+    expect(page).to have_css("#tree-match-count", wait: 6)
+    expect(page).to have_text("matches")
+  end
+
+  it "does not apply stale search results after clearing the search" do
+    visit volume_path(volume)
+
+    fill_in "tree-filter", with: "journals"
+    fill_in "tree-filter", with: ""
+
+    expect(page).to have_no_css("#tree-match-count", wait: 6)
+    expect(page).to have_no_text("journals")
+  end
 end