A more complete autocomplete test

Author: pksjce

babel.config.js

@@ -27,7 +27,7 @@ module.exports = {
           : process.env.STORYBOOK
           ? []
           : [
-              // theme-preval is commonjs and needs to be transformed to esm
+              'transform-commonjs' // theme-preval is commonjs and needs to be transformed to esm
             ]),
         ...sharedPlugins,
         replacementPlugin('development')

src/stories/Autocomplete.stories.tsx

@@ -85,11 +85,12 @@ export const SingleSelect = () => {
 
 SingleSelect.play = async ({canvasElement}: {canvasElement: HTMLElement}) => {
   const canvas = within(canvasElement)
-
   const inputBox = await canvas.getByTestId('autocompleteInput')
   await userEvent.click(inputBox)
   const firstAutoCompleteOption = canvas.getByText('css')
   await expect(firstAutoCompleteOption).toBeInTheDocument()
+  await userEvent.type(firstAutoCompleteOption, '{enter}')
+  await expect(inputBox).toHaveValue('css')
 }
 
 export const MultiSelect = () => {