Fix failing cypress test (#738)

* Add test selector for autocomplete field

* Update snapshot

cypress/elements/catalog/product-selectors.js

@@ -6,6 +6,7 @@ export const PRODUCTS_SELECTORS = {
   productTypeInput: "[data-test='product-type']",
   categoryInput: "[data-test='category']",
   categoryItem: "[data-test='singleautocomplete-select-option']",
+  autocompleteDropdown: "[data-test='autocomplete-dropdown']",
   firstCategoryItem: "#downshift-0-item-0",
   visibleRadioBtn: "[name='isPublished']",
   saveBtn: "[data-test='button-bar-confirm']",

cypress/integration/products.js

@@ -20,6 +20,9 @@ describe("Products", () => {
       .type("Visible test product")
       .get(PRODUCTS_SELECTORS.productTypeInput)
       .click()
+      .get(PRODUCTS_SELECTORS.autocompleteDropdown) // trying to fill autocomplete before dropdown will cause error
+      .get(PRODUCTS_SELECTORS.productTypeInput)
+      .click()
       .type("Cushion")
       .get(PRODUCTS_SELECTORS.categoryItem)
       .should("have.length", 1)

src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectFieldContent.tsx

@@ -177,7 +177,11 @@ const SingleAutocompleteSelectFieldContent: React.FC<SingleAutocompleteSelectFie
 
   return (
     <Paper className={classes.root}>
-      <div className={classes.content} ref={anchor}>
+      <div
+        className={classes.content}
+        ref={anchor}
+        data-test="autocomplete-dropdown"
+      >
         {choices.length > 0 || displayCustomValue ? (
           <>
             {emptyOption && (

src/storybook/__snapshots__/Stories.test.ts.snap

@@ -8230,6 +8230,7 @@ exports[`Storyshots Generics / Select with autocomplete can load more 1`] = `
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
+          data-test="autocomplete-dropdown"
         >
           <div
             aria-disabled="false"
@@ -8381,6 +8382,7 @@ exports[`Storyshots Generics / Select with autocomplete default 1`] = `
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
+          data-test="autocomplete-dropdown"
         >
           <div
             aria-disabled="false"
@@ -8838,6 +8840,7 @@ exports[`Storyshots Generics / Select with autocomplete no data 1`] = `
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
+          data-test="autocomplete-dropdown"
         >
           <div
             aria-disabled="true"
@@ -8871,6 +8874,7 @@ exports[`Storyshots Generics / Select with autocomplete with add 1`] = `
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
+          data-test="autocomplete-dropdown"
         >
           <div
             aria-disabled="false"