feat(OUIA): te pf-dropdown component assigns ouia attributes to the menu dropdown element

Author: mtorromeo

CHANGELOG.md

@@ -1,6 +1,10 @@
 # Change Log
 All notable changes to this project will be documented in this file.
 
+## [0.3.5] - 2022-06-25
+### Added
+- feat(OUIA): te `pf-dropdown` component assigns ouia attributes to the menu dropdown element.
+
 ## [0.3.4] - 2022-04-29
 ### Fixed
 - fix(OUIA): restored ouia type `V-PF3/` prefix.
@@ -415,7 +419,8 @@ disabled, as per PatternFly design guidelines.
 - `pf-toolbar` component
 - `pf-utilization-bar-chart` component
 
-[Unreleased]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.4...HEAD
+[Unreleased]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.5...HEAD
+[0.3.5]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.4...v0.3.5
 [0.3.4]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.3...v0.3.4
 [0.3.3]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.2...v0.3.3
 [0.3.2]: https://github.com/mtorromeo/vue-patternfly/compare/v0.3.1...v0.3.2

src/components/Dropdown.vue

@@ -15,7 +15,7 @@
       </slot> <span v-show="!noCaret" class="caret" />
     </button>
 
-    <ul ref="dropdown" :class="{'dropdown-menu-right': menuRight}" class="dropdown-menu">
+    <ul ref="dropdown" v-bind="ouiaMenuProps" :class="{'dropdown-menu-right': menuRight}" class="dropdown-menu">
       <slot />
     </ul>
   </component>
@@ -64,15 +64,24 @@ export default defineComponent({
       default: '',
     },
     noCaret: Boolean,
+
     ...ouiaProps,
+    ouiaMenuId: ouiaProps.ouiaId,
+    ouiaMenuSafe: ouiaProps.ouiaSafe,
   },
 
   emits: {
     'update:modelValue': (value: boolean) => value !== undefined,
   },
 
   setup(props) {
-    return useOUIAProps(props);
+    return {
+      ...useOUIAProps(props),
+      ouiaMenuProps: useOUIAProps({
+        ouiaId: props.ouiaMenuId,
+        ouiaSafe: props.ouiaMenuSafe,
+      }, { name: 'Dropdown/Menu' }).ouiaProps,
+    };
   },
 
   data(this: void) {