UX: Automatically convert to lowercase in explorer-schema

assets/javascripts/discourse/components/explorer-schema.js

@@ -114,7 +114,7 @@ export default class ExplorerSchema extends Component {
 
   @debounce(500)
   updateFilter(value) {
-    this.filter = value;
+    this.filter = value.toLowerCase();
     this.loading = false;
   }
 

test/javascripts/components/explorer-schema-test.js

@@ -0,0 +1,64 @@
+import { fillIn, render } from "@ember/test-helpers";
+import hbs from "htmlbars-inline-precompile";
+import { module, test } from "qunit";
+import { setupRenderingTest } from "discourse/tests/helpers/component-test";
+
+const schema = {
+  posts: [
+    {
+      column_name: "id",
+      data_type: "serial",
+      primary: true,
+      notes: "primary key",
+      havetypeinfo: true,
+    },
+    {
+      column_name: "raw",
+      data_type: "text",
+      column_desc: "The raw Markdown that the user entered into the composer.",
+      havepopup: true,
+      havetypeinfo: true,
+    },
+  ],
+  categories: [
+    {
+      column_name: "id",
+      data_type: "serial",
+      primary: true,
+      notes: "primary key",
+      havetypeinfo: true,
+    },
+    {
+      column_name: "name",
+      data_type: "varchar(50)",
+      havetypeinfo: false,
+    },
+  ],
+};
+
+module("Data Explorer Plugin | Component | explorer-schema", function (hooks) {
+  setupRenderingTest(hooks);
+
+  test("will automatically convert to lowercase", async function (assert) {
+    this.setProperties({
+      schema,
+      hideSchema: false,
+      updateHideSchema: () => {},
+    });
+
+    await render(hbs`
+    <ExplorerSchema
+      @schema={{this.schema}}
+      @hideSchema={{this.hideSchema}}
+      @updateHideSchema={{this.updateHideSchema}}
+    />`);
+
+    await fillIn(`.schema-search input`, "Cat");
+
+    assert.dom(".schema-table").exists();
+
+    await fillIn(`.schema-search input`, "NotExist");
+
+    assert.dom(".schema-table").doesNotExist();
+  });
+});