Fix issue with Select integration testing (#501)

Author: mdodgelooker

packages/components/src/Form/Inputs/Combobox/state.ts

@@ -147,6 +147,7 @@ export const stateChart: StateChart = {
         [ComboboxActionType.BLUR]: ComboboxState.IDLE,
         [ComboboxActionType.ESCAPE]: ComboboxState.IDLE,
         [ComboboxActionType.NAVIGATE]: ComboboxState.NAVIGATING,
+        [ComboboxActionType.SELECT_WITH_CLICK]: ComboboxState.IDLE,
         [ComboboxActionType.SELECT_WITH_KEYBOARD]: ComboboxState.IDLE,
         [ComboboxActionType.SELECT_SILENT]: ComboboxState.IDLE,
         [ComboboxActionType.INTERACT]: ComboboxState.INTERACTING,

packages/playground/src/Select/SelectDemo.tsx

@@ -37,7 +37,7 @@ const options = [
   { label: 'Kiwis', value: '5' },
 ]
 
-function SelectContent() {
+export function SelectContent() {
   const [value, setValue] = React.useState()
   const [searchTerm, setSearchTerm] = React.useState('')
   const handleClick = (e: MouseEvent<HTMLButtonElement>) => {

packages/playground/src/index.tsx

@@ -24,13 +24,13 @@ import { GlobalStyle } from '@looker/components'
 import { theme } from '@looker/design-tokens'
 import { ThemeProvider } from 'styled-components'
 
-import { InputChipsDemo } from './Form/InputChipsDemo'
+import { SelectContent } from './Select/SelectDemo'
 
 const App: React.FC = () => {
   return (
     <ThemeProvider theme={theme}>
       <GlobalStyle />
-      <InputChipsDemo />
+      <SelectContent />
     </ThemeProvider>
   )
 }