fix(Cypress): update selectors for confirmation dialog

Signed-off-by: Cleopatra Enjeck M. <patrathewhiz@gmail.com>

Author: enjeck

cypress/support/commands.js

@@ -470,8 +470,8 @@ Cypress.Commands.add('addUserToGroup', (userId, groupId) => {
 
 Cypress.Commands.add('removeColumn', (title) => {
 	cy.get('.custom-table table tr th .cell').contains(title).click()
-	cy.get('.v-popper__popper ul.nc-button-group-content').last().get('button').last().click()
-	cy.get('.modal__content button').contains('Confirm').click()
+	cy.get('[data-cy="deleteColumnActionBtn"] button').click()
+	cy.get('[data-cy="confirmDialog"] button').contains('Confirm').click()
 })
 
 // fill in a value in the 'create row' or 'edit row' model

src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue

@@ -110,6 +110,7 @@
 					</NcActionButton>
 					<NcActionButton v-if="showDeleteColumn"
 						:aria-label="t('tables', 'Delete column')"
+						data-cy="deleteColumnActionBtn"
 						@click="deleteColumn()">
 						<template #icon>
 							<Delete :size="25" />

src/shared/modals/DialogConfirmation.vue

@@ -4,7 +4,8 @@
 -->
 <template>
 	<NcDialog v-if="showModal" :out-transition="true"
-		size="normal" close-on-click-outside :name="title" @closing="$emit('cancel')">
+		size="normal" close-on-click-outside :name="title" @closing="$emit('cancel')"
+		data-cy="confirmDialog">
 		<div class="row">
 			<div v-if="description" class="col-4">
 				<p>{{ description }}</p>