Use testid to select design event element

app/assets/javascripts/design_management/components/list/item.vue

@@ -130,7 +130,7 @@ export default {
     class="card cursor-pointer text-plain js-design-list-item design-list-item design-list-item-new"
   >
     <div class="card-body p-0 d-flex-center overflow-hidden position-relative">
-      <div v-if="icon.name" class="design-event position-absolute">
+      <div v-if="icon.name" data-testid="designEvent" class="design-event position-absolute">
         <span :title="icon.tooltip" :aria-label="icon.tooltip">
           <icon :name="icon.name" :size="18" :class="icon.classes" />
         </span>

app/assets/javascripts/design_management_legacy/components/list/item.vue

@@ -130,7 +130,7 @@ export default {
     class="card cursor-pointer text-plain js-design-list-item design-list-item"
   >
     <div class="card-body p-0 d-flex-center overflow-hidden position-relative">
-      <div v-if="icon.name" class="design-event position-absolute">
+      <div v-if="icon.name" data-testid="designEvent" class="design-event position-absolute">
         <span :title="icon.tooltip" :aria-label="icon.tooltip">
           <icon :name="icon.name" :size="18" :class="icon.classes" />
         </span>

spec/frontend/design_management/components/list/item_spec.js

@@ -19,7 +19,7 @@ const DESIGN_VERSION_EVENT = {
 describe('Design management list item component', () => {
   let wrapper;
 
-  const findDesignEvent = () => wrapper.find('.design-event');
+  const findDesignEvent = () => wrapper.find('[data-testid="designEvent"]');
   const findEventIcon = () => findDesignEvent().find(Icon);
   const findLoadingIcon = () => wrapper.find(GlLoadingIcon);
 

spec/frontend/design_management_legacy/components/list/item_spec.js

@@ -19,7 +19,7 @@ const DESIGN_VERSION_EVENT = {
 describe('Design management list item component', () => {
   let wrapper;
 
-  const findDesignEvent = () => wrapper.find('.design-event');
+  const findDesignEvent = () => wrapper.find('[data-testid="designEvent"]');
   const findEventIcon = () => findDesignEvent().find(Icon);
   const findLoadingIcon = () => wrapper.find(GlLoadingIcon);