updated kmodal actions

Author: yeshwanth235

contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelInvitation.vue

@@ -37,28 +37,16 @@
     <KModal
       v-if="dialog"
       size="small"
+      :submitText="$tr('decline')"
+      :cancelText="$tr('cancel')"
       :title="$tr('decliningInvitation')"
+      data-testid="channel-invitation-modal"
+      @submit="declineAndClose"
+      @cancel="close"
     >
       <template>
         {{ $tr('decliningInvitationMessage') }}
       </template>
-      <template #actions>
-        <div class="modal-actions">
-          <div class="modal-actions__close">
-            <KButton @click="close">{{ $tr('cancel') }} </KButton>
-          </div>
-          <div class="modal-actions__decline">
-            <KButton
-              :primary="true"
-              appearance="raised-button"
-              data-test="decline-close"
-              @click="declineAndClose"
-            >
-              {{ $tr('decline') }}
-            </KButton>
-          </div>
-        </div>
-      </template>
     </KModal>
   </div>
 

contentcuration/contentcuration/frontend/channelList/views/Channel/__tests__/channelInvitation.spec.js

@@ -45,7 +45,7 @@ describe('channelInvitation', () => {
     await wrapper.find('[data-test="decline"]').trigger('click');
     const declineInvitation = jest.spyOn(wrapper.vm, 'declineInvitation');
     declineInvitation.mockImplementation(() => Promise.resolve());
-    await wrapper.find('[data-test="decline-close"]').trigger('click');
+    await wrapper.findComponent('[data-testid="channel-invitation-modal"]').find('form').trigger('submit');
     expect(declineInvitation).toHaveBeenCalledWith(invitationID);
   });
 });