Merge pull request #2 from ktsstudio/fixes

Fixes

.storybook/preview.js

@@ -1,6 +1,6 @@
 
-import '../src/styles/styles.scss';
-import './styles.scss';
+import '../src/styles/styles.css';
+import './styles.css';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

src/__test__/MultiDropdown.test.tsx

@@ -253,4 +253,36 @@ describe('Тестирование компонента MultiDropdown', () => {
 
     expect(secondOption).not.toBeInTheDocument();
   });
+
+  test('Проверка фильтрации', () => {
+    const title = 'TEST_TITLE';
+    render(
+      <WrappedDropdown options={options} getTitle={() => title} />
+    );
+
+    const dropdownElement = screen.getByDisplayValue('');
+    expect(dropdownElement).toBeInTheDocument();
+
+    userEvent.click(dropdownElement);
+
+    const firstOption = screen.getByText(options[0].value);
+    const secondOption = screen.getByText(options[1].value);
+    const thirdOption = screen.getByText(options[2].value);
+
+    expect(firstOption).toBeInTheDocument();
+    expect(secondOption).toBeInTheDocument();
+    expect(thirdOption).toBeInTheDocument();
+
+    userEvent.type(dropdownElement, 'Екат');
+
+    expect(firstOption).not.toBeInTheDocument();
+    expect(secondOption).not.toBeInTheDocument();
+    expect(thirdOption).toBeInTheDocument();
+
+    userEvent.clear(dropdownElement);
+
+    expect(screen.getByText(options[0].value)).toBeInTheDocument();
+    expect(screen.getByText(options[1].value)).toBeInTheDocument();
+    expect(screen.getByText(options[2].value)).toBeInTheDocument();
+  });
 });

src/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './styles/styles.scss';
+import './styles/styles.css';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement