diff --git a/components/src/preact/mutationFilter/mutation-filter.stories.tsx b/components/src/preact/mutationFilter/mutation-filter.stories.tsx index 368fb655..c8c2fee3 100644 --- a/components/src/preact/mutationFilter/mutation-filter.stories.tsx +++ b/components/src/preact/mutationFilter/mutation-filter.stories.tsx @@ -160,5 +160,6 @@ const submitMutation = async (canvas: ReturnType, mutation: strin await userEvent.type(inputField(canvas), mutation); await waitFor(() => submitButton(canvas).click()); }; -const inputField = (canvas: ReturnType) => canvas.getByPlaceholderText('Enter a mutation'); +const inputField = (canvas: ReturnType) => + canvas.getByPlaceholderText('Enter a mutation', { exact: false }); const submitButton = (canvas: ReturnType) => canvas.getByRole('button', { name: '+' }); diff --git a/components/src/preact/mutationFilter/mutation-filter.tsx b/components/src/preact/mutationFilter/mutation-filter.tsx index 158fd130..7254b4a8 100644 --- a/components/src/preact/mutationFilter/mutation-filter.tsx +++ b/components/src/preact/mutationFilter/mutation-filter.tsx @@ -4,6 +4,7 @@ import { useContext, useRef, useState } from 'preact/hooks'; import { parseAndValidateMutation } from './parseAndValidateMutation'; import { type Deletion, type Insertion, type Mutation, type Substitution } from '../../utils/mutations'; import { ReferenceGenomeContext } from '../ReferenceGenomeContext'; +import Info from '../components/info'; import { singleGraphColorRGBByName } from '../shared/charts/colors'; import { DeleteIcon } from '../shared/icons/DeleteIcon'; @@ -83,11 +84,14 @@ export const MutationFilter: FunctionComponent = () => { return (
- +
+ + +