chore: restore legacy selectors

Author: mxschll

src/__tests__/snapshot-tests/__snapshots__/test-utils-selectors.test.tsx.snap

@@ -386,6 +386,7 @@ exports[`test-utils selectors 1`] = `
     "awsui_direction-button-inline-start_8k1rt",
     "awsui_direction-button-visible_8k1rt",
     "awsui_disabled_15o6u",
+    "awsui_dropdown_qwoo0",
     "awsui_expand-toggle_1xe88",
     "awsui_filter-container_z5mul",
     "awsui_filtering-match-highlight_1p2cx",
@@ -416,6 +417,7 @@ exports[`test-utils selectors 1`] = `
     "awsui_root_1om0h",
     "awsui_root_1qprf",
     "awsui_root_1t44z",
+    "awsui_root_qwoo0",
     "awsui_root_vrgzu",
     "awsui_screenreader-content_15o6u",
     "awsui_secondary_x6dl3",

src/internal/components/dropdown/styles.scss

@@ -0,0 +1,12 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.root {
+  /* used in test-utils */
+}
+
+.dropdown {
+  /* used in test-utils */
+}

src/test-utils/dom/dropdown/index.ts

@@ -3,9 +3,13 @@
 import { ComponentWrapper, createWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 
 import styles from '../../../dropdown/styles.selectors.js';
-import testutilStyles from '../../../dropdown/test-classes/styles.selectors.js';
+import testUtilStyles from '../../../dropdown/test-classes/styles.selectors.js';
+import legacyStyles from '../../../internal/components/dropdown/styles.selectors.js';
 
 export class DropdownContentWrapper extends ComponentWrapper {
+  static legacyRootSelector: string = legacyStyles.root;
+  static legacyDropdownSelector: string = legacyStyles.dropdown;
+
   /**
    * Returns the dropdown content.
    */
@@ -17,14 +21,14 @@ export class DropdownContentWrapper extends ComponentWrapper {
    * Returns the dropdown header.
    */
   findHeader(): ElementWrapper | null {
-    return this.findByClassName(testutilStyles.header);
+    return this.findByClassName(testUtilStyles.header);
   }
 
   /**
    * Returns the dropdown footer.
    */
   findFooter(): ElementWrapper | null {
-    return this.findByClassName(testutilStyles.footer);
+    return this.findByClassName(testUtilStyles.footer);
   }
 }
 
@@ -35,7 +39,7 @@ export default class DropdownWrapper extends ComponentWrapper {
    * Returns the trigger element.
    */
   findTrigger(): ElementWrapper {
-    return this.findByClassName(testutilStyles.trigger)!;
+    return this.findByClassName(testUtilStyles.trigger)!;
   }
 
   /**