Unit test with Atlaskit - Select

Forge Forge Custom UI and UI kit (beta)
, ,
1

Hi there,

trying to test Select component from Atlaskit.

My Select:

<Field<Value<Option>>
         name={'critical'}
          isRequired={true}>
         {({fieldProps: {id, ...rest}}) => (
                 <Fragment>
                      <Select
                       {...rest}
                        inputId={id}
                         options={jiraIssuePrioritiesOptions}/>
                   </Fragment>
       )}
</Field>

And snapshot using @testing-library/react:

<input
  aria-autocomplete="list"
  aria-labelledby="critical-uid20-label critical-uid20-helper critical-uid20-valid critical-uid20-error"
  autocapitalize="none"
  autocomplete="off"
  autocorrect="off"
  id="critical-uid20"
  spellcheck="false"
  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
  tabindex="0"
  type="text"
  value=""
/>

I am not able to “get” this input by name or testId. Name for some reason does not appear in input, and Select does not have property testId.

So not sure how to test this Select, how can I get this “Select/input” and select some option?
Options does not render inside snapshot.

Is there a way to test Select from Ataskit?

Thank you

2

Hey @janambroz! Did you try methods described here https://atlassian.design/components/select/code#Testing ?