Rename deletion modal titles and fixing cypress tests

packages/builder/cypress/integration/createTable.spec.js

@@ -34,7 +34,8 @@ context("Create a Table", () => {
   })
 
   it("edits a row", () => {
-    cy.get("button").contains("Edit").click()
+    cy.contains("button", "Edit").click({ force: true })
+    cy.wait(1000)
     cy.get(".modal input").type("Updated")
     cy.contains("Save").click()
     cy.contains("RoverUpdated").should("have.text", "RoverUpdated")

packages/builder/src/components/automation/AutomationPanel/EditAutomationPopover.svelte

@@ -43,7 +43,7 @@
   bind:this={confirmDeleteDialog}
   okText="Delete Automation"
   onOk={deleteAutomation}
-  title="Confirm Delete">
+  title="Confirm Deletion">
   Are you sure you wish to delete the automation
   <i>{automation.name}?</i>
   This action cannot be undone.

packages/builder/src/components/backend/DataTable/buttons/DeleteRowsButton.svelte

@@ -25,7 +25,7 @@
   bind:this={modal}
   okText="Delete"
   onOk={confirmDeletion}
-  title="Confirm Delete">
+  title="Confirm Deletion">
   Are you sure you want to delete
   {selectedRows.length}
   row{selectedRows.length > 1 ? 's' : ''}?

packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@@ -170,7 +170,7 @@
   okText="Delete Column"
   onOk={deleteColumn}
   onCancel={hideDeleteDialog}
-  title="Confirm Delete" />
+  title="Confirm Deletion" />
 
 <style>
   .actions {

packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte

@@ -25,7 +25,7 @@
   body={`Are you sure you wish to delete this row? Your data will be deleted and this action cannot be undone.`}
   okText="Delete Row"
   onOk={deleteRow}
-  title="Confirm Delete" />
+  title="Confirm Deletion" />
 
 <style>
   .ri-delete-bin-line:hover {

packages/builder/src/components/backend/DataTable/modals/EditRow.svelte

@@ -12,7 +12,7 @@
   }
 </script>
 
-<Button translucent small on:click={showModal}>Edit</Button>
+<Button data-cy="edit-row" translucent small on:click={showModal}>Edit</Button>
 <Modal bind:this={modal}>
   <CreateEditRowModal {row} />
 </Modal>

packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte

@@ -103,7 +103,7 @@
   bind:this={confirmDeleteDialog}
   okText="Delete Table"
   onOk={deleteTable}
-  title="Confirm Delete">
+  title="Confirm Deletion">
   Are you sure you wish to delete the table
   <i>{table.name}?</i>
   The following will also be deleted:

packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte

@@ -81,7 +81,7 @@
   body={`Are you sure you wish to delete the view '${view.name}'? Your data will be deleted and this action cannot be undone.`}
   okText="Delete View"
   onOk={deleteView}
-  title="Confirm Delete" />
+  title="Confirm Deletion" />
 
 <style>
   div.icon {

packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte

@@ -147,7 +147,7 @@
 </div>
 <ConfirmDialog
   bind:this={confirmDeleteDialog}
-  title="Confirm Delete"
+  title="Confirm Deletion"
   body={`Are you sure you wish to delete this '${lastPartOfName(component)}' component?`}
   okText="Delete Component"
   onOk={deleteComponent} />

packages/builder/src/components/userInterface/ScreenDropdownMenu.svelte

@@ -39,7 +39,7 @@
 </div>
 <ConfirmDialog
   bind:this={confirmDeleteDialog}
-  title="Confirm Delete"
+  title="Confirm Deletion"
   body={`Are you sure you wish to delete the screen '${screen.props._instanceName}' ?`}
   okText="Delete Screen"
   onOk={deleteScreen} />