Merge branch '338510-do-not-truncate-dropdown-items' into 'master'

Do not truncate vulnerability report filter dropdown items

See merge request gitlab-org/gitlab!68453

ee/app/assets/javascripts/security_dashboard/components/shared/filters/filter_item.vue

 <script>
-import { GlDropdownItem, GlTruncate } from '@gitlab/ui';
+import { GlDropdownItem } from '@gitlab/ui';
 
 export default {
-  components: { GlDropdownItem, GlTruncate },
+  components: { GlDropdownItem },
   props: {
     isChecked: {
       type: Boolean,
@@ -29,8 +29,6 @@ export default {
     :data-qa-selector="qaSelector"
     @click.native.capture.stop="$emit('click')"
   >
-    <slot>
-      <gl-truncate :text="text" />
-    </slot>
+    <slot>{{ text }}</slot>
   </gl-dropdown-item>
 </template>

ee/app/assets/javascripts/security_dashboard/components/shared/filters/project_filter.vue

@@ -229,7 +229,7 @@ export default {
         :is-checked="isSelected(project.id)"
         @click="toggleOption(project)"
       >
-        <div v-safe-html="highlightSearchTerm(project.name)" class="gl-text-truncate"></div>
+        <div v-safe-html="highlightSearchTerm(project.name)"></div>
       </filter-item>
     </template>
   </filter-body>

ee/spec/frontend/security_dashboard/components/shared/filters/filter_item_spec.js

@@ -24,10 +24,10 @@ describe('Filter Item component', () => {
   });
 
   describe('name', () => {
-    it('shows the name when the name prop is passed in', () => {
+    it('shows the given text when the "text" prop is passed in', () => {
       const text = 'some name';
       createWrapper({ text });
-      expect(name().props('text')).toBe(text);
+      expect(wrapper.text()).toContain(text);
     });
 
     it('shows slot content when slot content is passed in', () => {