1 files changed, 6 insertions, 21 deletions

diff --git a/spec/frontend/issues/show/components/incidents/timeline_events_item_spec.js b/spec/frontend/issues/show/components/incidents/timeline_events_item_spec.js
index 90e55003ab3..1bf8d68efd4 100644
--- a/spec/frontend/issues/show/components/incidents/timeline_events_item_spec.js
+++ b/spec/frontend/issues/show/components/incidents/timeline_events_item_spec.js
@@ -1,6 +1,7 @@
 import timezoneMock from 'timezone-mock';
 import { GlIcon, GlDropdown } from '@gitlab/ui';
 import { nextTick } from 'vue';
+import { timelineItemI18n } from '~/issues/show/components/incidents/constants';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
 import IncidentTimelineEventItem from '~/issues/show/components/incidents/timeline_events_item.vue';
 import { mockEvents } from './mock_data';
@@ -15,21 +16,19 @@ describe('IncidentTimelineEventList', () => {
         action,
         noteHtml,
         occurredAt,
-        isLastItem: false,
         ...propsData,
       },
       provide: {
-        canUpdate: false,
+        canUpdateTimelineEvent: false,
         ...provide,
       },
     });
   };
 
   const findCommentIcon = () => wrapper.findComponent(GlIcon);
-  const findTextContainer = () => wrapper.findByTestId('event-text-container');
   const findEventTime = () => wrapper.findByTestId('event-time');
   const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findDeleteButton = () => wrapper.findByText('Delete');
+  const findDeleteButton = () => wrapper.findByText(timelineItemI18n.delete);
 
   describe('template', () => {
     it('shows comment icon', () => {
@@ -50,20 +49,6 @@ describe('IncidentTimelineEventList', () => {
       expect(findEventTime().text()).toBe('15:59 UTC');
     });
 
-    describe('last item in list', () => {
-      it('shows a bottom border when not the last item', () => {
-        mountComponent();
-
-        expect(findTextContainer().classes()).toContain('gl-border-1');
-      });
-
-      it('does not show a bottom border when the last item', () => {
-        mountComponent({ propsData: { isLastItem: true } });
-
-        expect(wrapper.classes()).not.toContain('gl-border-1');
-      });
-    });
-
     describe.each`
       timezone
       ${'Europe/London'}
@@ -96,20 +81,20 @@ describe('IncidentTimelineEventList', () => {
       });
 
       it('shows dropdown and delete item when user has update permission', () => {
-        mountComponent({ provide: { canUpdate: true } });
+        mountComponent({ provide: { canUpdateTimelineEvent: true } });
 
         expect(findDropdown().exists()).toBe(true);
         expect(findDeleteButton().exists()).toBe(true);
       });
 
       it('triggers a delete when the delete button is clicked', async () => {
-        mountComponent({ provide: { canUpdate: true } });
+        mountComponent({ provide: { canUpdateTimelineEvent: true } });
 
         findDeleteButton().trigger('click');
 
         await nextTick();
 
-        expect(wrapper.emitted().delete).toBeTruthy();
+        expect(wrapper.emitted().delete).toHaveLength(1);
       });
     });
   });