fix stories

src/components/MapboxMap.tsx

@@ -1,10 +1,10 @@
 import { useRef, useEffect } from 'react';
-import mapboxgl, { MapboxOptions, MarkerOptions} from 'mapbox-gl';
+import mapboxgl, { MapboxOptions, MarkerOptions } from 'mapbox-gl';
 import { Result, useSearchState } from '@yext/search-headless-react';
 import { useDebouncedFunction } from '../hooks/useDebouncedFunction';
 import ReactDOM from 'react-dom';
 
-const {Marker, LngLatBounds } = mapboxgl;
+const { Marker, LngLatBounds } = mapboxgl;
 
 /**
  * A functional component that can be used to render a custom marker on the map.

tests/components/FieldValueDirectAnswer.test.tsx

@@ -14,13 +14,13 @@ const fieldValueDAResult = fieldValueDAState.result as FieldValueDirectAnswerTyp
 
 describe('FieldValue direct answer', () => {
 
-  it('executes viewDetailsClickHandler when click on "View Details" link', () => {
+  it('executes viewDetailsClickHandler when click on "View Details" link', async () => {
     const viewDetailsClickHandler = jest.fn();
     render(<FieldValueDirectAnswer
       result={fieldValueDAResult}
       viewDetailsClickHandler={viewDetailsClickHandler}/>
     );
-    userEvent.click(screen.getByRole('link', { name: 'View Details' }));
+    await userEvent.click(screen.getByRole('link', { name: 'View Details' }));
     expect(viewDetailsClickHandler).toHaveBeenCalledTimes(1);
   });
 

tests/components/HierarchicalFacet.stories.tsx

@@ -7,7 +7,7 @@ import { DisplayableFacets } from '../__fixtures__/data/filters';
 import { createHierarchicalFacet } from '../__utils__/hierarchicalfacets';
 
 const meta: ComponentMeta<typeof Facets> = {
-  title: 'Facets',
+  title: 'HierarchicalFacet',
   component: Facets
 };
 export default meta;

tests/components/LocationBias.stories.tsx

@@ -51,7 +51,7 @@ Loading.parameters = {
     isFetching: true
   }
 };
-Loading.play = ({ canvasElement }) => {
+Loading.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
-  userEvent.click(canvas.getByText('Update your location'));
+  await userEvent.click(canvas.getByText('Update your location'));
 };

tests/components/NumericalFacet.stories.tsx

@@ -7,7 +7,7 @@ import { DisplayableFacets } from '../__fixtures__/data/filters';
 import { createHierarchicalFacet } from '../__utils__/hierarchicalfacets';
 
 const meta: ComponentMeta<typeof Facets> = {
-  title: 'Facets',
+  title: 'NumbericalFacets',
   component: Facets
 };
 export default meta;

tests/components/SearchBar.stories.tsx

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from '@storybook/react';
-import { SearchHeadlessContext } from '@yext/search-headless-react';
+import { AutocompleteResponse, SearchHeadlessContext } from '@yext/search-headless-react';
 
 import { generateMockedHeadless } from '../__fixtures__/search-headless';
 import { SearchBar, SearchBarProps } from '../../src/components';
@@ -15,7 +15,7 @@ const mockedAutocompleteResult = {
   }],
   inputIntents: [],
   uuid: ''
-};
+} as unknown as AutocompleteResponse;
 
 const meta: ComponentMeta<typeof SearchBar> = {
   title: 'SearchBar',

tests/components/SearchBar.test.tsx

@@ -85,12 +85,12 @@ describe('SearchBar', () => {
         results: [{ value: 'query suggestion 1' }],
         inputIntents: [],
         uuid: ''
-      } as unknown as AutocompleteResponse;;
+      } as unknown as AutocompleteResponse;
       const mockedUniversalAutocompleteResultTwo = {
         results: [{ value: 'query suggestion 2' }],
         inputIntents: [],
         uuid: ''
-      } as unknown as AutocompleteResponse;;
+      } as unknown as AutocompleteResponse;
       const mockedUniversalAutocomplete = jest
         .spyOn(SearchCore.prototype, 'universalAutocomplete')
         .mockResolvedValueOnce(mockedUniversalAutocompleteResultOne)
@@ -141,7 +141,7 @@ describe('SearchBar', () => {
       }],
       inputIntents: [],
       uuid: ''
-    } as unknown as AutocompleteResponse;;
+    } as unknown as AutocompleteResponse;
 
     beforeEach(() => {
       jest.spyOn(SearchCore.prototype, 'universalAutocomplete')
@@ -335,7 +335,7 @@ describe('SearchBar', () => {
         results: [{ value: 'query suggestion 1' }],
         inputIntents: [SearchIntent.NearMe],
         uuid: ''
-      } as unknown as AutocompleteResponse;;
+      } as unknown as AutocompleteResponse;
       const mockedUniversalSearch = jest.spyOn(SearchCore.prototype, 'universalSearch');
       jest.spyOn(SearchCore.prototype, 'universalAutocomplete')
         .mockResolvedValue(mockedUniversalAutocompleteResult);
@@ -368,7 +368,7 @@ describe('SearchBar', () => {
       results: [{ value: 'query suggestion' }],
       inputIntents: [],
       uuid: ''
-    } as unknown as AutocompleteResponse;;
+    } as unknown as AutocompleteResponse;
     const mockedReport = jest.fn();
 
     beforeEach(() => {
@@ -442,7 +442,7 @@ describe('SearchBar', () => {
         ],
         inputIntents: [],
         uuid: ''
-      } as unknown as AutocompleteResponse;;
+      } as unknown as AutocompleteResponse;
       jest.spyOn(SearchCore.prototype, 'universalAutocomplete')
         .mockResolvedValue(mockedAutocompleteResult);
       render(

tests/components/StandardFacet.stories.tsx

@@ -6,7 +6,7 @@ import { RecursivePartial } from '../__utils__/mocks';
 import { DisplayableFacets } from '../__fixtures__/data/filters';
 
 const meta: ComponentMeta<typeof Facets> = {
-  title: 'Facets',
+  title: 'StandardFacet',
   component: Facets
 };
 export default meta;