Chore: Refactor UiFindInput.test.js to TypeScript (grafana#59063)

Author: Hamas Shafiq

packages/jaeger-ui-components/src/common/UiFindInput.test.tsx

@@ -0,0 +1,36 @@
+// Copyright (c) 2019 Uber Technologies, Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+
+import UiFindInput from './UiFindInput';
+
+describe('UiFindInput', () => {
+  describe('rendering', () => {
+    it('renders as expected with no value', () => {
+      render(<UiFindInput />);
+      const uiFindInput = screen.queryByPlaceholderText('Find...');
+      expect(uiFindInput).toBeInTheDocument();
+      expect(uiFindInput?.getAttribute('value')).toEqual('');
+    });
+
+    it('renders as expected with value', () => {
+      render(<UiFindInput value="value" />);
+      const uiFindInput = screen.queryByPlaceholderText('Find...');
+      expect(uiFindInput).toBeInTheDocument();
+      expect(uiFindInput?.getAttribute('value')).toEqual('value');
+    });
+  });
+});