test: add e2e test for row

Signed-off-by: Cleopatra Enjeck M <[email protected]>
nextcloud · Jan 6, 2024 · 2b57b91 · 2b57b91
1 parent 69f244b
commit 2b57b91
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 3 deletions.
diff --git a/cypress/e2e/tables-rows.cy.js b/cypress/e2e/tables-rows.cy.js
@@ -47,4 +47,31 @@ describe('Rows for a table', () => {
 		cy.get('.modal-container:visible').should('not.exist')
 		cy.get('.custom-table table').contains('Changed column value').should('not.exist')
 	})
+
+	it('Check mandatory fields error', () => {
+		cy.contains('.app-menu-entry--label', 'Tables').click()
+		cy.contains('button', 'Create new table').click()
+		cy.get('.tile').contains('ToDo').click({ force: true })
+		cy.get('.modal__content').should('be.visible')
+		cy.get('.modal__content input[type="text"]').clear().type('to do list')
+		cy.contains('button', 'Create table').click()
+
+		cy.get('.app-navigation-entry-link').contains('to do list').click({ force: true })
+		cy.get('.NcTable').contains('Create row').click({ force: true })
+
+		cy.get('[data-cy="createRowModal"] .notecard--error').should('exist')
+		cy.get('[data-cy="createRowSaveButton"]').should('be.disabled')
+		cy.get('.modal__content .slot input').first().type('My first task')
+		cy.get('[data-cy="createRowModal"] .notecard--error').should('not.exist')
+		cy.get('[data-cy="createRowSaveButton"]').should('be.enabled')
+		cy.get('[data-cy="createRowSaveButton"]').click()
+
+		cy.get('.app-navigation-entry-link').contains('to do list').click({ force: true })
+		cy.get('.custom-table table').contains('My first task').parent().parent().find('[aria-label="Edit row"]').click()
+		cy.get('[data-cy="editRowModal"] .notecard--error').should('not.exist')
+		cy.get('.modal__content .slot input').first().clear()
+		cy.get('[data-cy="editRowModal"] .notecard--error').should('exist')
+		cy.get('[data-cy="editRowSaveButton"]').should('be.disabled')
+
+	})
 })
diff --git a/src/modules/modals/CreateRow.vue b/src/modules/modals/CreateRow.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcModal v-if="showModal" @close="actionCancel">
+	<NcModal v-if="showModal" @close="actionCancel" data-cy="createRowModal">
 		<div class="modal__content">
 			<div class="row">
 				<div class="col-4">
@@ -24,7 +24,7 @@
 							{{ t('tables', 'Add more') }}
 						</NcCheckboxRadioSwitch>
 					</div>
-					<NcButton v-if="!localLoading" class="primary" :aria-label="t('tables', 'Save row')" :disabled="hasEmptyMandatoryRows" @click="actionConfirm()">
+					<NcButton v-if="!localLoading" class="primary" :aria-label="t('tables', 'Save row')" :disabled="hasEmptyMandatoryRows" @click="actionConfirm()" data-cy="createRowSaveButton">
 						{{ t('tables', 'Save') }}
 					</NcButton>
 				</div>

diff --git a/src/modules/modals/EditRow.vue b/src/modules/modals/EditRow.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcModal v-if="showModal" @close="actionCancel">
+	<NcModal v-if="showModal" @close="actionCancel" data-cy="editRowModal">
 		<div class="modal__content">
 			<div class="row">
 				<div class="col-4">
@@ -32,6 +32,7 @@
 						</NcButton>
 					</div>
 					<NcButton v-if="canUpdateData(activeElement) && !localLoading" :aria-label="t('tables', 'Save')" type="primary"
+					data-cy="editRowSaveButton"
 						:disabled="hasEmptyMandatoryRows"
 						@click="actionConfirm">
 						{{ t('tables', 'Save') }}