Convert test file to TS (#25348)

frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabasePicker/DataSelectorDatabasePicker.tsx

@@ -12,14 +12,14 @@ import type { Schema } from "../types";
 
 type DataSelectorDatabasePickerProps = {
   databases: Database[];
-  hasBackButton: boolean;
-  hasFiltering: boolean;
-  hasInitialFocus: boolean;
-  hasNextStep: boolean;
-  isLoading: boolean;
-  requireWriteback: boolean;
-  selectedDatabase: Database;
-  selectedSchema: Schema;
+  hasBackButton?: boolean;
+  hasFiltering?: boolean;
+  hasInitialFocus?: boolean;
+  hasNextStep?: boolean;
+  isLoading?: boolean;
+  requireWriteback?: boolean;
+  selectedDatabase?: Database;
+  selectedSchema?: Schema;
   onBack?: () => void;
   onChangeDatabase: (database: Database) => void;
   onChangeSchema: (item: { schema?: Schema }) => void;

frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabasePicker/DataSelectorDatabasePicker.unit.spec.js → frontend/src/metabase/query_builder/components/DataSelector/DataSelectorDatabasePicker/DataSelectorDatabasePicker.unit.spec.tsx

 import React from "react";
 import { render, screen } from "@testing-library/react";
 
+import { createMockDatabase } from "metabase-types/api/mocks/database";
+
 import DataSelectorDatabasePicker from "./DataSelectorDatabasePicker";
 
-describe("DataSelectorDatabasePicker", () => {
-  it("displays database name", () => {
-    const databaseName = "Database name";
+const database = createMockDatabase();
 
-    const databases = [
-      {
-        id: 1,
-        name: databaseName,
-      },
-    ];
+const props = {
+  onChangeDatabase: jest.fn(),
+  onChangeSchema: jest.fn(),
+};
 
-    render(<DataSelectorDatabasePicker databases={databases} />);
+describe("DataSelectorDatabasePicker", () => {
+  it("displays database name", () => {
+    render(<DataSelectorDatabasePicker {...props} databases={[database]} />);
 
-    expect(screen.getByText(databaseName)).toBeInTheDocument();
+    expect(screen.getByText(database.name)).toBeInTheDocument();
   });
 });